app • InkScape for SVG and vectorial image editing - martindubenet/wed-dev-design GitHub Wiki

Inkscape

https://www.inkscape.org/

Inkscape natively supports opening or importing many different formats, such as .svg, .svgz (gzipped SVG), .pdf, .eps, and .ai (Adobe Illustrator) formats. And, as of version 0.91, Inkscape can import .cdr (CorelDraw) and .vsd (Visio) natively.

Tips & Tricks

Enable Snap to Grid

Click the shoe-horse magnet 🧲 icon located in the Right area of the top control bar.

Set viewport dimensions

MenuEdit : Document propertiesDisplayViewbox

Viewport

  1. ⚠ Warning! InkScape does NOT export as EPS

    Contrary to what the app’s « Save As EPS » option let you believe InkScape does NOT export as real PostScript. Instead it generates a compressed bitmap as a flatten layer that is saved with the extension «.eps» which is kinda dum if you ask me.
    If you want to EXPORT AS EPS follow this tutorial. This will require you to install the Scribus app.

  2. ⚠ Warning! Install fonts for ALL users

    On Windows PC, InkScape requires that new fonts (from Google Fonts or others) needs to be install using the Install for all users option from the right-clicked contextual menu.

    Install Google Fonts for all users is required by InkScape

 

Preferences

  • Tools
    • Text Tool
      • Font Sample : ÀgçQÉèGPQqoO01234679$\?.;/()
  • Interface
    • Theming
      • Font scale: 110% (on 4K screens)
    • Toolbars
      • icon size: 125% (on 4K screens)
      • Snap controls bar: 🔘 Advanced
    • Color Selector
      • Visible color pickers: ✅ RGB, CMYK, OKHSL.
    • Grids
      • Line color when zooming out : 🔘 Major grid line color
      • Default grid settings
        • Rectangular Grid : ✅ Show dots instead of lines
  • Spellcheck : ✅ Ignore words in ALL CAPITALS

 

Required plugin

The default Inkscape SVG files require a lot of inkscape metadata for edition purposes since SVG is the default file extension at inkscape. Using SVGO we can remove a lot of redundant and useless information such as editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting SVG rendering result.

SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.

Useful parameters : https://github.com/svg/svgo#what-it-can-do

  • cleanupAttrs
  • removeComments
  • removeUselessDefs
  • removeEmptyContainers
  • removeViewBox --OR-- removeDimensions
  • convertColors
  • prefixIds
  • removeDimensions --OR-- removeViewBox
  • addClassesToSVGElement
  • removeOffCanvasPaths

Other useful plugins

https://inkscape.org/gallery/=extension/

  1. Isometric projection converter
  2. Barcode Extension
  3. Mirror
⚠️ **GitHub.com Fallback** ⚠️