Graphics
Jump to navigation
Jump to search
PDF
See also WYSIWYG, Photography, JS scripts#Graphics
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
- 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.
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
- 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
- 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
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.
3D
- http://www.katorlegaz.com/3d_models/index.php
- http://www.psionic3d.co.uk/
- http://3dr.adlnet.gov/
- http://virtualworlds.wikia.com/wiki/Main_Page
ASCII
Web 1.0 stylee
88*31
etc.
Software
Viewing
xv
feh
feh
meh
sxiv
- 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
CV
mpview
qiv / pqiv
Manipulation
ImageMagick
magick image.jpg image.png
import -crop 1280x1024+1280+0 -window root $HOME/screenshot_silver_$(date +%F_%H%M%S_%N).png # import a screenshot of the root window to a file cropped for the second desktop
convert -quality 97 image.png image.jpg convert sample.png sample.pdf
- Whiteboard Picture Cleaner - Shell one-liner/script to clean up and beautify photos of whiteboards!
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
- https://github.com/hit9/img2txt - Image to Ascii Text with color support, can output to html or ansi terminal.
- https://github.com/hit9/gif2txt - Gif image to to Ascii Text. (Just a toy)
- Freestyle - software for Non-Photorealistic Line Drawing rendering from 3D scenes. It is designed as a programmable interface to allow maximum control over the style of the final drawing: the user "programs" how the silhouettes and other feature lines from the 3D model should be turned into stylized strokes using a set of programmable operators dedicated to style description. This programmable approach, inspired by the shading languages available in photorealistic renderers such as Pixar's RenderMan, overcomes the limitations of integrated software with access to a limited number of parameters and permits the design of an infinite variety of rich and complex styles. The system currently focuses on pure line drawing as a first step. The style description language is Python augmented with our set of operators.
- https://github.com/antirez/shapeme - Evolve images using simulated annealing [21]
- https://primitive.lol - Reproducing images with geometric primitives.
- https://github.com/fogleman/primitive [22] [23]
- https://github.com/ajbrock/Neural-Photo-Editor - A simple interface for editing natural photos with generative neural networks. [24]
- https://github.com/junyanz/iGAN - Interactive Image Generation via Generative Adversarial Networks [25]
- Deep Image Prior - deep convolutional networks have become a popular tool for image generation and restoration. Generally, their excellent performance is imputed to their ability to learn realistic image priors from a large number of example images. In this paper, we show that, on the contrary, the structure of a generator network is sufficient to capture a great deal of low-level image statistics prior to any learning. In order to do so, we show that a randomly-initialized neural network can be used as a handcrafted prior with excellent results in standard inverse problems such as denoising, superresolution, and inpainting. Furthermore, the same prior can be used to invert deep neural representations to diagnose them, and to restore images based on flash-no flash input pairs. [26]
- https://github.com/robertfoss/audio_shop - Your friendly neighbourhood script for mangling images or video using audio editing tools [27]
- PixiVisor - a tool for experimenting with the transmission of video over audio. It consists of two parts: Transmitter and Receiver. Transmitter converts the low-resolution video (stream from camera, static image or GIF animation) to sound in real time, pixel by pixel (progressive scan). So any image or animation can be transferred to the other devices through the sound. Receiver converts the sound (from microphone or Line-in input) back to video. You can set the color palette for this video, and record it to animated GIF file.
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.
- https://github.com/mxgmn/WaveFunctionCollapse - This program generates bitmaps that are locally similar to the input bitmap.
- https://github.com/drummyfish/ptdesigner - C library and GUI tool for designing and generation of procedural textures, made as a part of my Bachelor thesis.
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
- Making The GIMP Work For Me - Oct 13, 2009
- 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
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
- PSPI: Running Photoshop plug-ins in GIMP
- 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://graphicssoft.about.com/od/gimptutorials/ss/Color-Scheme-From-Photo_5.htm
- http://www.silent9.com/blog/archives/164-One-More-Final-Update-to-Histogram-Match.html
- http://www.ve3syb.ca/software/gimp/myscripts.html
Community
Photoshop
Plugins
- 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
Guides
- http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Stroke.html
- http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Attributes-Fill-Stroke.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/
sK1
- sK1 - professional quality illustration program for Windows, GNU/Linux and macOS platforms. sK1 2.0 is a powerful and mature application that makes users more productive and provides them professional and free solution even for exotic *nix OSes. Whether you are a newbie user or an experienced designer, sK1 2.0 makes it easy to get started. With its professional color-management engine and wide-range file format compatibility, sK1 2.0 provides color accuracy and drawing flexibility you need for all types of projects.
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
- http://www.getpaint.net/ - 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. [28]
- https://github.com/dalboris/vpaint
Animation
- https://github.com/lettier/gifcurry - Create animated GIFs, optionally overlaid with text, from video files.
- https://github.com/leafo/gifine - Quickly record and edit gifs and videos of your desktop
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
- http://wiki.scribus.net/canvas/Images_-_PPI_and_DPI
- 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
other
OCR
CAD
Cross-stitch and knitting
Charts
Graphviz
Web
Other
- 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
3D
- OGRE - (Object-Oriented Graphics Rendering Engine) is a scene-oriented, flexible 3D engine written in C++ designed to make it easier and more intuitive for developers to produce applications utilising hardware-accelerated 3D graphics. The class library abstracts all the details of using the underlying system libraries like Direct3D and OpenGL and provides an interface based on world objects and other intuitive classes.
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.
- silentcast - Create silent mkv screencast and animated gif.
Web GL
- http://get.webgl.org - test
Scanning
scanimage
Drawing
Inking
Other
- https://github.com/baskerville/color_sieve - generate pallet
- http://mondrian.io/ - OSS web Illistrator [36]
- https://news.ycombinator.com/item?id=8154797 - perceptual hashing
- 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. [38]
- 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
Machine learning
Etc
Misc
Gallery
- OpenPhoto is an Open Source photo sharing platform which gives users complete ownership and portability of their photos. Users’ photos, tags and comments are seamlessly stored into personally owned cloud services owned by themselves. Whatever they want to do or wherever they want to go their photos are free to go with them.
- Galleria is a JavaScript image gallery framework that simplifies the process of creating beautiful image galleries for the web and mobile devices.
- Colorbox - A lightweight customizable lightbox plugin for jQuery
- +Gallery - A responsive javascript based image gallery driven by photos from Facebook, Instagram, Flickr or Google Plus
- Photographer.io is a photo sharing community
Services
Hosting
- 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
Design
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 [44]
- 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
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/
Thread
Buttons
Graphic designers
- https://99designs.co.uk
- http://pixelsink.com/ - Colin Gray, Dundee
Graffiti
- #000000book - An open database for Graffiti Markup Language (GML) files
Testing
3D