Graphics

See also WYSIWYG, Photography

Formats

• http://dcurt.is/pixel-fitting
• http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html

• http://functionspace.org/topic/56/What-is-the-concept-underlying-image-processing-

Colour

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

• http://en.wikipedia.org/wiki/RGB_color_model
  • http://www.kenrockwell.com/tech/adobe-rgb.htm

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

SVG

• http://www.w3.org/TR/SVG/Overview.html
• W3C Wiki: Secret Origin of SVG

• http://svgbasics.com/

• http://stackoverflow.com/questions/6249664/does-svg-support-embedding-of-bitmap-images

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 [1]

• http://jakearchibald.com/2013/animated-line-drawing-svg/

• http://wagerfield.github.io/flat-surface-shader/

Tools

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

• 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.
  • http://canvg.googlecode.com/svn/trunk/examples/index.htm

var c = document.getElementById('canvas');
var ctx = c.getContext('2d');
ctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);

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

• 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.

Savage

• https://bitbucket.org/masonicboom/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://www.graphixshare.com/

JPG

Reference

• JPEGclub.org develops new JPEG features and maintains the Independent JPEG Group's (IJG) software.

• http://imrannazar.com/Let%27s-Build-a-JPEG-Decoder:-Concepts

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

• http://news.ycombinator.com/item?id=4623160

GIF

• http://www.matthewflickinger.com/lab/whatsinagif/bits_and_bytes.asp

• http://www.wikigifs.org/

• http://headlikeanorange.tumblr.com/
• http://intothecontinuum.tumblr.com/

• http://gifcountdown.com/

• https://github.com/hdragomir/facetogif/

• https://github.com/windelicato/dotfiles/tree/1d59c868305f4972aeb3f8564c8c5c5f97043786/alps/.xmonad/scripts

• http://gifpow.com/
• http://www.gifhell.com/
• http://mathgifs.blogspot.co.uk/ [2]

PNG

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

• http://i-am-fat.org/PNGRotateTrick/ - better compression of vertical gradients

• http://alphapun.ch/ - make transparent

• http://pngmini.com/lossypng.html

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/

PDF

• http://en.wikipedia.org/wiki/List_of_PDF_software#Unix_and_Linux

• http://www.mupdf.com/
  • https://en.wikipedia.org/wiki/MuPDF

• https://github.com/TrilbyWhite/Slider

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://bioblender.eu/

• 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/

• http://www.openscad.org/

• http://ptex.us/

ASCII

• http://dchang.mit.edu/artwork/

Web 1.0 stylee

88*31

• http://www.complexify.com/buttons/

etc.

Software

• http://libregraphicsworld.org/

• http://www.graphicall.org/

• display

Viewing

• http://www.tomshardware.com/reviews/image-software-linux-gimp,2801-3.html

• sxiv: Simple (or small or suckless) X Image Viewer

sxiv *
  Open all (hack)
sxiv -t

q
  quit
f
  toggle fullscreen
Enter
  toggle between single and thumbnail
Space
  next image
Backspace
  previous image

Manipulation

ImageMagick

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

convert -quality 97 image.png image.jpg

convert sample.png sample.pdf

GraphicsMagick

• http://www.graphicsmagick.org/
  • http://even.li/imagemagick-sharp-web-sized-photographs/

Other

• https://github.com/hit9/img2txt

Generation

• http://www.boutell.com/gd/

• http://www.processing.org/

• http://levskaya.github.io/eschersketch/
• http://mondrian.io/

• https://github.com/Rydgel/Fake-images-please

Editing

svg-edit

• http://code.google.com/p/svg-edit/

• http://designfestival.com/a-farewell-to-css3-gradients/

GIMP

• Gimp
• AUR

• XCF format

• Gimp wiki
  • Roadmap

Manual

• GNU Image Manipulation Program User Manual

• http://docs.gimp.org/en/gimp-tools-paint.html
  • http://docs.gimp.org/en/gimp-tool-blend.html
  • http://docs.gimp.org/en/gimp-tool-clone.html
  • http://docs.gimp.org/en/gimp-tool-heal.html
  • etc.

• http://docs.gimp.org/en/gimp-palette-dialog.html

• 6.15. Scale Image

Tips

Tab
  toggle toolbars

Doesn't save undo history. Bug. Use file history, layers or sg-snapshot instead.

Articles

• http://www.linuxtopia.org/online_books/graphics_tools/gimp_advanced_guide/

• Handy Tweaks To Make GIMP Replace Photoshop

• Making The GIMP Work For Me - Oct 13, 2009

• Quick Tips and Tools for Texturing With GIMP

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

• Transparent Backgrounds, Drop Shadows and Image Rescaling with Gimp

• YouTube: Gimp Tutorial Clone/heal tool - Dom Bower
• YouTube: Shave someone in GIMP- Clone & Healing tool (+spot removal)

• http://www.gimptalk.com/index.php?/topic/50215-advanced-engraved-inline-text-effect/
• http://www.gimptalk.com/index.php?/topic/50223-engraved-inline-text-tutorial/
• YouTube: Engraved Type

• http://puteraaladin.blogspot.in/2008/10/gimp-tutorial-awesome-bokeh-effect-in.html

Textures

• GPS is a collection of brushes and accompanying tool presets. Tool presets are a simply saved tool options, highly useful feature of the GIMP. The goal of GPS is to provide an adequate working environment for graphic designers and artists to begin to paint and feel comfortable with GIMP from their first use. Later the user will change these settings based on his own workflow preferences and understanding of GIMP.

Scripts and plugins

• GIMP Plugin Registry

• http://gimptips.com/articles/installing-gimp-scripts

• PSPI: Running Photoshop plug-ins in GIMP
  • PSPI not working with 2.8

• Layer Effects

• Resynthesizer
  • How To: Seamlessly Remove Things from an Image in GIMP
• The Texturize

• Save for Web
• psd2html

• GAP - for animation

• Palette Generator
• http://planetfs.blogspot.co.uk/2009/06/i-was-interested-to-see-sample-average.html
• http://www.gimpchat.com/viewtopic.php?f=12&t=5189
• http://arcanebolt.net/post/140987710/28-color-gimp-palette-generator
  • http://arcanebolt.net/post/140987241/28-color-gimp-palette
• http://graphicssoft.about.com/od/gimptutorials/ss/Color-Scheme-From-Photo_5.htm

• https://github.com/akkana/gimp-plugins

• http://www.silent9.com/blog/archives/164-One-More-Final-Update-to-Histogram-Match.html
• http://www.ve3syb.ca/software/gimp/myscripts.html

• http://blog.patdavid.net/2013/05/noise-removal-in-photos-with-median_6.html

• http://gimp-path-tools.sourceforge.net/tools.shtml

Community

• http://www.gimptalk.com/

Photoshop

• http://www.area-56.de/_area56_data/tutorials.html - brushes

Plugins

• Adobe Marketplace

• Ultimate Collection Of Useful Photoshop Plug-Ins
• thepluginsite.com Free Photoshop-compatible Plugins

Inkscape

• Inkscape
• http://wiki.inkscape.org/wiki/index.php/Inkscape
• http://wiki.inkscape.org/wiki/index.php/Extension_repository

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

• http://inkscapeforum.com/
• http://inkscapestuff.org/

Guides

• http://inkscape.org/doc/
  • http://inkscape.org/doc/advanced/tutorial-advanced.html

• http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Select.html

• http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Align.html

• http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Paths-Editing.html#Paths-Offsets

• http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Stroke.html
• http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Fill-Stroke.html

• http://zigpod.blogspot.co.uk/2012/08/creating-outlined-text-or-objects-using.html

• https://code.google.com/p/inkscape-guides-creator/
• http://www.mario-gutsche.de/2010/03/inkscape-the-golden-ratio-and-the-rule-of-thirds/

MyPaint

• MyPaint is a fast and easy open-source graphics application for digital painters. It lets you focus on the art instead of the program. You work on your canvas with minimum distractions, bringing up the interface only when you need it.

Paint.net

• http://www.getpaint.net/ - paint.net

Online

• http://pixlr.com/

Other

• http://mtpaint.sourceforge.net/
• https://code.google.com/p/grafx2/

• http://libregraphicsworld.org/blog/entry/libreoffice-gets-visio-2013-support

Colour management

• http://web.archive.org/web/20111126181212/http://www.brankovukelic.com/post/513356271/gimp-color-management-for-dtp

• ArgyllCMS is an ICC compatible color management system, available as Open Source under the AGPL. It supports accurate ICC profile creation for scanners, cameras and film recorders, and calibration and profiling of displays and RGB & CMYK printers.

• dispcalGUI - Open Source Display Calibration and Characterization powered by Argyll CMS

• Little CMS intends to be an open source small-footprint color management engine, with special focus on accuracy and performance. It uses the International Color Consortium standard (ICC), which is the modern standard when regarding to color management.

DTP

Scribus

• http://scribus.net/canvas/Scribus

• http://scribusstuff.org/
  • http://scribusstuff.org/content/show.php/Stationery+Template?content=146434

Docs

• http://wiki.scribus.net/canvas/Help:TOC

• http://wiki.scribus.net/canvas/Images_-_PPI_and_DPI
  • http://wiki.scribus.net/canvas/Image_DPI_and_Scaling,_and_Resultant_File_Sizes
• http://wiki.scribus.net/canvas/Color_Management_setup

• http://wiki.scribus.net/canvas/Working_with_text_frames
• http://wiki.scribus.net/canvas/Vertically_Centering_Text

• http://wiki.scribus.net/canvas/How_to_make_business_cards - inches..

• http://blog.tsoots.fi/2009/02/preparing-document-for-printer-cmyk-pdf.html

other

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

Photography

• darktable is an open source photography workflow application and RAW developer. A virtual lighttable and darkroom for photographers. It manages your digital negatives in a database, lets you view them through a zoomable lighttable and enables you to develop raw images and enhance them.

CAD

• http://free-cad.sourceforge.net/
• http://librecad.org/cms/home.html

Cross-stitch and knitting

• http://schememaker.sourceforge.net/

Charts

Graphviz

• http://robrhinehart.com/?p=119

Web

• https://code.google.com/p/canviz/

• https://github.com/gyuque/livizjs

• https://github.com/mdaines/viz.js
  • http://mdaines.github.io/viz.js/example.html

Other

• http://graphite.wikidot.com/

• https://live.gnome.org/Dia
• http://www.umlet.com/
• http://staruml.sourceforge.net/en/
• http://alexdp.free.fr/violetumleditor/page.php
• http://www.bouml.fr/
• http://www.websequencediagrams.com/
• https://cacoo.com/
• http://yuml.me/diagram/scruffy/class/draw

• http://blog.architexa.com/2012/09/diagramming-tools-a-biased-survey/

3D

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

• http://3drepo.org/
• http://www.blendswap.com/

• http://www.crystalspace3d.org/main/Main_Page

• http://ggobi.org/

• http://ptex.us/

Screenshots

• https://wiki.archlinux.org/index.php/Taking_a_Screenshot

• http://cutycapt.sourceforge.net/

Web GL

• http://khronos.org/webgl
  • http://www.khronos.org/webgl/wiki/Main_Page

• http://get.webgl.org - test

Scanning

• https://wiki.archlinux.org/index.php/Sane
• https://wiki.archlinux.org/index.php/USB_Scanner_Support

• http://www.sane-project.org/

Inking

• http://mayeko.deviantart.com/gallery/?offset=48#/d33gnvn

Other

• http://opencv.org/
• http://openbiometrics.org/

• http://recodeproject.com/

• https://github.com/baskerville/color_sieve - generate pallet

Icons

See also Web#Data_URI, Typography#Webfont_icons

• Iconic - Advanced icons for the modern web. 200+ smart icons, responsive, 3 sizes, CSS styling [3]

• Fontello - icon fonts generator

• Gnome Icons
• Tango Desktop Project exists to help create a consistent graphical user interface experience for free and Open Source software.
• Open Icon Library - Free for anyone to use on you computer, website or any other project.
• Famfamfam icons
• Chalkwork is a visually unified set of carefully designed icons.
• Modern UI Icons - Handcrafted pixel perfect vector icons.
• Glyphicons is a library of precisely prepared monochromatic icons and symbols, created with an emphasis on simplicity and easy orientation.
• The Noun Project
• GoSquared Resources

• Maki is a clean point of interest icon set made for web cartography.
• SJJB SVG Map Icons - an attempt to create a simple consistent set of vector icons suitable for cartographic use.

• Game-icons.net - free SVG and PNG icons for your games

• Climacons - climatically categorised pictographs for web and user interface designers.
• Skycons is a set of ten animated weather glyphs, procedurally generated by JavaScript using the HTML5 canvas tag.

• LivIcons - Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.

• Iconfinder - Browse free icon sets
• Icons Guide helps you to find the best stock icons shop you are looking for.
• Icon Pot lists free icons and stock web icons which are all great to use for your web design projects
• Find Icons - icon search engine
• Icon Fever - helping you find the best icons
• Icon Archive - icon search
• http://www.easyicon.net/

• Icon Deposit - post your icons, designs, code, and screenshots to promote your work

• http://davidmatthias.typepad.com/designs/2012/11/300-icons-for-web-and-other-businesses.html
• http://www.smashingmagazine.com/2011/12/29/freebie-free-vector-web-icons-91-icons/
• http://37signals.com/svn/posts/1844-open-source-icons

• http://testico.net/

Etc

• http://pepsized.com/soft-beige-ui-kit/

• http://www.psy.ritsumei.ac.jp/~akitaoka/index-e.html

Misc

• http://yuzhikov.com/articles/BlurredImagesRestoration1.htm - enhance

• http://www.fxguide.com/

Services

• https://tineye.com/

• http://compresspng.com/
• http://tinypng.org/

• http://canv.as/

Hosting

• All your Flickr photos in Dropbox, with style

• http://www.flickr.com/services/api/misc.urls.html - You can construct the source URL to a photo once you know its ID, server ID, farm ID and secret, as returned by many API methods. including size

• http://www.deviantart.com/

Resources

• http://www.displaymate.com/

Wallpapers

• http://wallbase.cc

• http://www.wallpapersas.com/

• * http://digitalblasphemy.com/ - $

Open and free

• http://compfight.com/

• http://openclipart.org/

• http://pixabay.com/

• http://opengameart.org/

• http://www.photos-public-domain.com/

• http://copyrightfriendly.wikispaces.com/

• http://www.theatlantic.com/technology/archive/2013/08/a-guide-to-the-webs-growing-set-of-free-image-collections/278655/

• http://www.sxc.hu/

• http://vector.me/

Images

• http://www.worth1000.com/
• http://www.vintageadbrowser.com/

• http://www.colr.org/
• http://mufin.fi.muni.cz/imgsearch/similar

Textures

• http://www.cssrex.com/tips-tricks/best-resources-for-artistic-website-backgrounds/

• http://wiki.openstreetmap.org/wiki/Texture_Library

• http://www.3dxo.com/resources/textures_free

• http://pattern8.com/
• http://patterns.ava7.com/
• http://www.patterncooler.com/
• http://www.vectorvalley.com/category/patterns/
• http://texturewiz.com/
• http://www.grsites.com/archive/textures/

• http://www.cgtextures.com/

Thread

• http://reactiongifsarchive.imgur.com/

Buttons

• http://www.pixelbutton.com/eng
• http://www.lucazappa.com/brilliantMaker/buttonImage.php

Graphic designers

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

Graffiti

• #000000book - An open database for Graffiti Markup Language (GML) files

Testing

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

3D

• http://programmers.stackexchange.com/a/88055

• http://graphics.pixar.com/usd/

Pixel art

• http://makegames.tumblr.com/post/42648699708/pixel-art-tutorial