Images

From Things and Stuff Wiki
Jump to navigation Jump to search


Formats

Colour


SVG

Articles


Tools


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


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

TIFF

JPG

Reference

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

Optimisation

"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)"

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


Other

GIF




PNG

APNG

WebP

BPG

HVIF

HEIF

FLIF


ETC


  • https://github.com/google/etc2comp - converts textures (e.g. bitmaps) into the ETC2 format. The tool is built with a focus on encoding performance to reduce the amount of time required to compile asset heavy applications as well as reduce overall application size.

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.

PDF

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

  • Iconic - Advanced icons for the modern web. 200+ smart icons, responsive, 3 sizes, CSS styling [18]
  • 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.
  • 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.
  • Icon Deposit - post your icons, designs, code, and screenshots to promote your work
  • 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

















  • Devices - Images and Sketch files of popular devices, by Facebook Design


Images

  • IconDrop - A desktop app for searching and using free SVG icons

Textures


Thread

Buttons