Images
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.
- https://github.com/scour-project/scour - an SVG optimizer/cleaner that reduces the size of scalable vector graphics by optimizing structure and removing unnecessary data written in Python.It can be used to create streamlined vector graphics suitable for web deployment, publishing/sharing or further processing.
- Professor Cloud - converts SVG into an HTML5 Canvas JavaScript function. It will work with any host, and I hope it helps people to experiment with Canvas. Most vector art packages (Illustrator, Inkscape etc) can export as SVG.
- canvas-svg - 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.
Resources
Icons
See also HTML/CSS#Icons HTML/CSS#Data URI, Typography#Webfont icons
- 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
- flat.icns [19]
- https://github.com/google/material-design-icons/releases/tag/1.0.0
- 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
- iconmelon - svg icons library for web
- Evil Icons - Lightweight SVG icons for your web project
- https://github.com/sixsixfive/Monotone - A Monotone icon theme that contains over 1300 scalable icons to cover more than 5500 icons from the last linux decade. Its mainly made for dark desktops or HTPC's however it can also be used as a pure action/toolbar icon theme, fallback icon theme or even on bright desktops after a color change.
Wallpapers
Open and free
- OpenClipart - High Quality, Easy to Use, Free Support
- Pexels - Free stock photos
- Devices - Images and Sketch files of popular devices, by Facebook Design
Images
- IconDrop - A desktop app for searching and using free SVG icons
Textures
- http://subtlepatterns.com/
- http://patternizer.com/akxe
- http://www.patternify.com/
- http://www.stripegenerator.com/
- http://noisepng.com/
- http://www.tartanmaker.com/
- 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/
- https://github.com/EmbarkStudios/texture-synthesis - art Example-based texture synthesis written in Rust crab