Images
Jump to navigation
Jump to search
Formats
- http://dcurt.is/pixel-fitting
- http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html
Colour
SVG
Articles
- How media queries allow you to optimize SVG icons for several sizes - Opera, Oct 12, 2009
- About those vector icons - November 4th, 2011
- SVG, Use it Already - Apr 3rd, 2012
- How to work with Scalable Vector Graphics (SVG) in HTML 5
- Creating SVG vector graphics for maximum browser compatibility - Oct 19, 2012
- SVG and Browser Support (Part 2) - using object to display png fallback for ie8
- Ways to embed a Clickable SVG-Logo into Your Website - Sep 10 2012
- http://codepen.io/adrianosmond/pen/LCogn - jul 2013 [2]
Tools
- https://github.com/RazrFalcon/svgcleaner - svgcleaner could help you to clean up your SVG files from the unnecessary data.
- canvas-svg - This is a set of related components that make canvas and SVG play together more. Notably, it allows you to save a canvas 2D context as SVG, and to have an SVG mirror of a canvas context.
- canvg is a SVG parser and renderer. It takes a URL to a SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.
var c = document.getElementById('canvas'); var ctx = c.getContext('2d'); ctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);
- JessyInk - a JavaScript that can be incorporated into an Inkscape SVG image containing several layers. Each layer will be converted into one slide of a presentation. Current features include: slide transitions, effects, an index sheet, a master slide and auto-texts like slide title, slide number and number of slides.
- MagicMarkup - Easily create interactive mockups in Inkscape, without adding inline JS!
- Vector Magic - Automatically convert bitmap images like JPEGs, GIFs and PNGs to the crisp, clean, scalable vector art of EPS, SVG, and PDF with the world's best auto-tracing software.
- 1x1px - Ever needed a 1x1 transparent PNG pixel?
Savage
Like Sass for SVG.
Repos
- Open Clip Art Library 2.0 (at 417M)
- Vecto2000 is a collection of high quality free Vector Art, Vector Icons, Vector Patterns and Photoshop Brushes
- http://www.vectorportal.com/
- http://www.allvectors.com/
- http://www.vecteezy.com/
- http://all-silhouettes.com/
- http://thevectorlab.com/
- http://stencils.io/ [4]
- use giraffe2svg
TIFF
JPG
Reference
- JPEGclub.org develops new JPEG features and maintains the Independent JPEG Group's (IJG) software.
Optimisation
- jpegoptim is a utility for optimizing JPEG files. It provides lossless optimization (based on optimizing the Huffman tables) and "lossy" optimization based on setting a maximum quality factor.
- http://www.linuxcertif.com/man/1/jpegoptim/
- Google advises; run with the --strip-all option
- Optimizing images for web with Google Page Speed and jpegoptim - 27 June, 2009
"when your JPEG image is under 10K, it’s better to be saved as baseline JPEG (estimated 75% chance it will be smaller) for files over 10K the progressive JPEG will give you a better compression (in 94% of the cases)"
- http://calendar.perfplanet.com/2012/progressive-jpegs-a-new-best-practice/
- http://www.bookofspeed.com/chapter5.html
- Image Optimization
- http://www.smushit.com/ysmush.it/ - Yahoo optimisation service
- pngquant is a command-line utility and a library for converting 24/32-bit PNG images to paletted (8-bit) PNGs. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. [5]
- https://blogs.dropbox.com/tech/2016/07/lepton-image-compression-saving-22-losslessly-from-images-at-15mbs/ [7]
Other
GIF
- https://github.com/ImageOptim/gifski - GIF encoder based on libimagequant (pngquant, gifquant?). Squeezes maximum possible quality from the awful GIF format.
- http://gifpow.com/
- http://www.gifhell.com/
- http://mathgifs.blogspot.co.uk/ [9]
- http://gifctrl.com/n0
- http://bib993.deviantart.com/gallery/43713210
- http://dvdp.tumblr.com/
- http://beesandbombs.tumblr.com/
- http://hexeosis.tumblr.com/
- http://insideinsides.blogspot.co.uk/
- http://1041uuu.tumblr.com/
- http://gfycat.com - gif to video for better performance [10]
PNG
- http://i-am-fat.org/PNGRotateTrick/ - better compression of vertical gradients
- http://alphapun.ch/ - make transparent
APNG
WebP
BPG
HVIF
HEIF
FLIF
PSD
PostScript
- https://en.wikipedia.org/wiki/PostScript - a page description language in the electronic publishing and desktop publishing business. It is a dynamically typed, concatenative programming language and was created at Adobe Systems by John Warnock, Charles Geschke, Doug Brotz, Ed Taft and Bill Paxton from 1982 to 1984.
- PostScript as a Programming Language - PostScript has all the programming functionality you would expect from an HP-caclulator, plus some interesting features hard to find in other languages. There are variables, loops, subroutines (of a sort), and an advanced idea for the scope of variables.
XPM
Other
- https://en.wikipedia.org/wiki/Remote_Imaging_Protocol - associated Remote Imaging Protocol Scripting Language, RIPscrip, is a scripting language that provides a system for sending vector graphics over low-bandwidth links, notably modems. It was originally created by Jeff Reeder, Jim Bergman, and Mark Hayton of TeleGrafix Communications in Huntington Beach, California to enhance bulletin board systems and other applications.
ASCII
Web 1.0 stylee
88*31
etc.