sonnyp / ohmysvg Goto Github PK

View Code? Open in Web Editor NEW

91.0 4.0 4.0 3.9 MB

Reduce the size of SVGs

License: GNU General Public License v3.0

Makefile 0.07% JavaScript 99.80% Meson 0.13% Shell 0.01%

gnome svg gjs gtk linux-app

ohmysvg's Introduction

Oh My SVG

Reduce the size of SVGs

About

Oh My SVG let you export unoptimized SVG files into smaller versions.

Under the hood, it uses SVGO to remove or approximate information that is not required for rendering.

It lets you preview and tweak the parameters to obtain a satisfactory result before saving.

Remember that Oh My SVG removes information and metadata that may be useful, do not overwrite your original/source SVG files.

Installation

Setup flatpak then

flatpak install re.sonny.OhMySVG
flatpak run re.sonny.OhMySVG

Roadmap

better icon
zoom in and out
out of process svgo
- toggling switches not smooth
- block UI threads
rasterize
- Export to png
- Export to webp
UI
- Filename as headedr bar subtitle
- Already optimized 🎉
- basic/advanced plugins
support drag'n drop file https://gitlab.gnome.org/GNOME/gtk/-/issues/3094
support pasting file
support copying file
show original / compare original
preview in browser
compared gzipped

Development

cd OhMySVG
./re.sonny.OhMySVG src/car-lite.svg

Make changes and hit Ctrl+Shift+Q on the window to restart the application.

To pass the tests you have to install a few dependencies:

# Install development dependencies with dnf (Fedora)
sudo dnf install --assumeyes npm flatpak make desktop-file-utils gjs gtk4-devel libadwaita-devel

# Install development dependencies with apt (Debian, Ubuntu)
sudo apt-get install --assume-yes npm flatpak make desktop-file-utils gjs libgtk-4-dev libadwaita-1-dev

# The rest is distribution-agnostic once other dependencies have been resolved
npm install
flatpak remote-add --user --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo
flatpak install --user --assumeyes --noninteractive flathub org.freedesktop.appstream-glib

# Run tests, may fail in sandboxed environments (i.e. Snap/Flatpak)
make test

Flathub builds https://flathub.org/builds/#/apps/re.sonny.OhMySVG

Building

host

meson --prefix $PWD/install build
ninja -C build install

Flatpak

Use GNOME Builder or

flatpak-builder --user --force-clean --install-deps-from=flathub --install flatpak re.sonny.OhMySVG.json

Credits

Oh My SVG is powered by SVGO and inspired by SVGOMG.

License

GPLv3. Please see COPYING file.

Bookmarks

ohmysvg's People

Contributors

Stargazers

Watchers

Forkers

heyzoish redauburn sethfalco sungsphinx

ohmysvg's Issues

UI Issues on left panel

The scrolled window needs to be separated from the upper part with a GtkSeparator, otherwise content is suddenly cut

This would benefit from https://gitlab.gnome.org/GNOME/libadwaita/-/merge_requests/767 for undershoots.

The style of the main box is not boxed-list and it looks weird compared to other lists in the ecosystem

Feature request: Resizing SVGs

it'd be nice if there was a quick way to change the viewbox & display size.

Request: Please do releases on github

Hi!

I don't use flatpak. Github has a feature where you can get notified when someone makes a release from a repository. A tag is not enough, one has to use the Releases feature.

Would it be possible to start using it? You don't need to publish anything really, github automatically tars up the repository and attaches it to the release, and you can do it at the same time as you create the version tag.

Unfortunately it's not possible to be notified of tags, as far as I know.

Thank you! If the answer is "no", just close the issue.

Potential Feature: XML view

While the visual optimization view is nice, it may be worthwhile having a view switcher to allow seeing the markup/xml optimizations as well as the visual.

org.gnome.Platform/x86_64/43 end of life

Dependency for Gnome 43 reached end of life. Is there going to be update to fix this?

Some UI Quibbles

the Save as button could be moved to the headerbar as a primary action and use text instead of an icon so it is more clear

the precision and features headings should use the heading class instead of title-2
it is unclear what "Precision" means (is this the most accurate term for what this slider affects?) and the numbers do not convey meaning--what does "precision = 0" mean? This might be solved by defining the two extremes with a string label.

the big list of switches under Features is pretty cumbersome, it might be nice to break them into groups of related options to make it a bit more understandable

On narrow width the preview is not very viewable

If there's an interest in making this application adaptive or usable on mobile form factors, it would be nice if the preview for the image were visible at narrower window sizes--potentially by reflowing the UI so the preview fits in the top of the window.