Graphics

From Things and Stuff Wiki
Revision as of 21:36, 5 September 2016 by Milk (talk | contribs) (→‎FLIF)
Jump to navigation Jump to search


See also WYSIWYG, Photography, JS scripts#Graphics

Formats

Colour

SVG

Articles


Tools

  • 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.
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.
  • 1x1px - Ever needed a 1x1 transparent PNG pixel?

Savage

Like Sass for SVG.

Repos

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

FLIF

PSD

PDF

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.

3D

ASCII

Web 1.0 stylee

88*31

etc.

Software

Viewing

feh


  • 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

convert -quality 97 image.png image.jpg

convert sample.png sample.pdf

Whiteboard Picture Cleaner - Shell one-liner/script

GraphicsMagick

G'MIC

  • G'MIC is a full-featured open-source framework for image processing. It provides several different user interfaces to convert/manipulate/filter/visualize generic image datasets, ranging from 1d scalar signals to 3d+t sequences of multi-spectral volumetric images, thus including 2d color images.

Other

Generation

  • GD is an open source code library for the dynamic creation of images by programmers. GD is written in C, and "wrappers" are available for Perl, PHP and other languages. GD creates PNG, JPEG and GIF images, among other formats. GD is commonly used to generate charts, graphics, thumbnails, and most anything else, on the fly. While not restricted to use on the web, the most common applications of GD involve website development.
  • Processing is a programming language, development environment, and online community. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology. Initially created to serve as a software sketchbook and to teach computer programming fundamentals within a visual context, Processing evolved into a development tool for professionals. Today, there are tens of thousands of students, artists, designers, researchers, and hobbyists who use Processing for learning, prototyping, and production.
  • Eschersketch - an experiment with pattern design in the classical wallpaper groups. It allows one to prototype tiling designs in HTML5 Canvas.
  • polyHédronisme - a toy for building complex 3D polyhedral shapes from simple ones by "recipes".
  • Mondrian is a smart and easy-to-learn vector graphics web app.
  • Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. Oh… and it’s free.
  • Evolvotron is an interactive "generative art" application for Linux to evolve images/textures/patterns/animations through an iterative process of random mutation and user-selection driven evolution. (This process is also often referred to as "evolutionary art" or "genetic art".) If you like lava lamps, and still think the Mandelbrot set is cool, this could be the software for you.
  • binglide is a visual reverse engineering tool. It is designed to offer a quick overview of the different data types that are present in a file.


Photography

See Photography

Editing

svg-edit

GIMP

Manual
Tips
Tab
  toggle toolbars

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

Articles
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
  • GAP - for animation
Community

Photoshop

Plugins

Inkscape

Guides

Pinta

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

Online

Other

VPaint

  • VPaint is an experimental vector graphics editor based on the Vector Animation Complex (VAC), a technology developed by a collaboration of researchers at Inria and the University of British Columbia, featured at SIGGRAPH 2015. It allows you to create resolution-independent illustrations and animations using innovative techniques. [21]
  • https://github.com/dalboris/vpaint

Animation

Colour management

  • 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

Docs

other

OCR

CAD


Cross-stitch and knitting

Charts

Graphviz

Web

Other

3D



Screenshot

  • Shutter is a feature-rich screenshot program. You can take a screenshot of a specific area, window, your whole screen, or even of a website – apply different effects to it, draw on it to highlight points, and then upload to an image hosting site, all within one window.
  • ScreenCloud - Take a screenshot using one of the 3 hotkeys or simply click the ScreenCloud tray icon.
  • Byzanz is a simple tool to record a running X desktop to an animation suitable for presentation in a web browser.


Web GL

Scanning

scanimage


Drawing

Inking

Other


  • https://github.com/google/butteraugli - a project that estimates the psychovisual similarity of two images. It gives a score for the images that is reliable in the domain of barely noticeable differences. Butteraugli not only gives a scalar score, but also a spatial map of the level of differences. [29]
  • smlr - Re-encode jpeg images with no perceivable quality loss. Uses the butteraugli psychovisual comparison and k-ary search to determine the best jpeg quality setting that will not "appear" degraded.https://news.ycombinator.com/item?id=11670703

Etc

Misc

Services

Hosting

Design

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

Wallpapers

Open and free

Images

Textures

Thread

Buttons

Graphic designers

Graffiti

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

Testing

3D



VR

Pixel art