Graphics

See also WYSIWYG

Formats

• http://dcurt.is/pixel-fitting

Conversion

• http://www.imagemagick.org/script/index.php

SVG

Tools

• http://www.professorcloud.com/svg-to-canvas/

• JessyInk is 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!

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

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

JPG

• http://jpegclub.org/
• http://freecode.com/projects/jpegoptim
  • Google advises; run with the --strip-all option
  • http://blog.josemanuelperez.es/2009/06/jpegoptim-optimize-jpg-page-speed/

PNG

• http://optipng.sourceforge.net/
• http://www.advsys.net/ken/util/pngout.htm

APNG

• http://en.wikipedia.org/wiki/APNG

• https://github.com/davidmz/apng-canvas

• http://www.devthought.com/projects/mootools/apng/
  • http://devthought.com/wp-content/projects/mootools/APNG/Demo/

WebP

• https://developers.google.com/speed/webp/

• http://antimatter15.github.com/weppy/demo.html

PSD

• http://www.markupwand.com/

Other

• http://opengameart.org/
• http://www.widgetworx.com/widgetworx/portfolio/spritelib.html

3D

• http://sketchup.google.com/3dwarehouse/

• http://www.blender-models.com/
• http://www.blendswap.com/

• http://www.katorlegaz.com/3d_models/index.php
• http://www.psionic3d.co.uk/
• http://3dr.adlnet.gov/
• http://virtualworlds.wikia.com/wiki/Main_Page

• http://www.pymolwiki.org/index.php/Main_Page

• http://graphics.stanford.edu/data/3Dscanrep/

• http://dev.opera.com/articles/view/porting-3d-graphics-to-the-web-webgl-intro-part-2/

Software

Gimp

• Gimp
  • GIMP Plugin Registry

• Save for Web
• psd2html

• Arch Wiki: CMYK support in The GIMP
• Producing a stippled image with Gimp

• http://panospace.wordpress.com/2009/10/13/making-the-gimp-work-for-me/

Inkscape

• Inkscape
  • Inkscape: Guide to a Vector Drawing Program
  • Un-official manual by Kevin Wixson
  • Inkscape keyboard and mouse reference
  • http://en.flossmanuals.net/inkscape/

CAD

• http://sourceforge.net/apps/mediawiki/free-cad/index.php?title=Main_Page

3D

• http://www.blender.org/
• http://www.sweethome3d.com/index.jsp

Services

• http://tinypng.org/

Hosting

• All your Flickr photos in Dropbox, with style

Resources

Open and free

• http://openclipart.org/

QR Codes

• http://qrcodesdoneright.com/

Graphic designers

• https://99designs.co.uk
• http://pixelsink.com/ - Colin Gray, Dundee

Testing

• http://www.lagom.nl/lcd-test/