Exporting SVG from Ilustrator

Update:

Export artboard to SVG ‘for web’.

  • Save as, use artboard
  • Choose ‘try’ to export for web
  • Choose options
  • Careful when choosing ‘responsive’: it somehow adds vector parts that are outside the artboard area to the svg.

 

Source

SVG profiles

SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.

Read More

FLIF – Free Lossless Image Format

http://flif.info/

FLIF is a novel lossless image format which outperforms PNG, lossless WebP, lossless BPG and lossless JPEG2000 in terms of compression ratio.

According to the compression experiments we have performed, FLIF files are, on average:

  • 26% smaller than brute-force crushed PNG files,
  • 35% smaller than typical PNG files,
  • 37% smaller than lossless JPEG 2000 compression,
  • 15% smaller than lossless WebP,
  • 22% smaller than lossless BPG.

Optimizing WordPress

This post is meant to be a log book of optimization tricks and how they affect performance of my Roots 7.0 installation

Note: YSlow, Pagespeed etc. complained about compressing with gzip. If your server runs on Apache below 2.3.7 (as was the case with me) remove the <IfModule mod_filter.c></If> in .htacces (under Compression). That solved it for me

Configuration 1: Read More