About Web Images
Web Images
A short overview of image formats used on the web.Updated: 11/5/20
| Format | Format Extension | Compression | Good Points | Bad Points | Comments |
|---|---|---|---|---|---|
| Webp - developed by Google | .webp | Lossless and lossy | 26:% smaller than PNG 25-34% than JPEG | Not as popular at this time. | Supported in Chrome, Firefox, Edge, Opera, and Safari. |
| Joint Photographic Experts Group | .jpg, .jpeg | Lossy | 24 bit color (up to 16 million colors), Most popular format. | Some of the file information is discarded to keep file small. Does not support transparency background and animation. Looses quality when repeatedly edited & saved. | Excellent choice for using on the web. |
| Joint Photographic Experts Group (committee 2000) | .jp2, .jpx | Wavelet compression Enabling both lossless and lossy storage. | Enhanced handling of large images. Smaller file sizes for storage. Does not require license fees. | Huge amount of time is required to compress and decompress images. | Professional movie editing, and some digital cameras use this format. |
| Graphics Interchange Format | .gif | Lossless | Supports transparency and animation effects, | 8 bit (only 256 colors) Larger file sizes compared to PNG | Used for graphics. logos, cartoons, shapes on the web. |
| Portable Network Graphics | .png | Lossless | 8 bit (optional transparency for all palette colors). 24 bit truecolor (16 million colors). 48 bit truecolor with and without alpha channel. | Some versions of IE does not support PNG transparency. Not good for huge photo files, as the save file is very large. Does not support animation. | Display a photograph exactly without loss on the web, also streamable. Great for fine line art, logos, cartoons. |
| Tagged Image File Format | .tif, .tiff | Lossy and Lossless | Offers several types of compression, or no compression at all. High quality color riche images. Excellent format for storing images. | Large file sizes: means more storage space and slow loading times. Not good for fast loading website. | Not widely supported by all web browsers. Used mostly as a photo standard in the printing business. |
| Windows Bit Map | .bmp | Uncompressed | Designed for Windows OS. | Huge files. Normally not used on the web. Never use for downloading. | Not web friendly format. Not scalable. |
Photo Editors
| Photo/Image Editor | Platform | Short Description | Cost |
|---|---|---|---|
| Adobe Photoshop CC | Win Mac | Adobe CC: Is the most popular program for creating and modifying images for the web. Photoshop contains powerful photo editing tools. | Paid |
| Adobe Photoshop Elements | Win Mac | For at hobbyists and professionals, it is sold at a fraction of the cost of its big brother sibling, Adobe Photoshop CS. It contains most of the features of the professional version but with fewer and simpler options. The program allows users to create, edit, organize and share images, all from the same product. | Paid |
| Adobe Lightroom | Win Mac | Makes everything about digital photography easier, faster, and more amazing. Perfect your shots with powerful new adjustment tools like the Advanced Healing Brush. Efficiently organize all your photos and share them almost anywhere. A must if you shoot in RAW. | Paid |
| Capture One | Mac Win | The world's no. 1 imaging software from PhaseOne, Capture One Pro 10 - Supports over 400 cameras, and is used by over 90 K professional photographers! | Paid |
| DxO Optics Pro | Mac Win | DxO OpticsPro 10 is easy-to-use photo editing software that provides both a photo organizer and editing tools. The interface has two modes: Organize and Customize. A variety of basic and advanced editing tools can be found under the Customize tab. | Paid |
| Affinity Photo | Mac Win | Five years in the making, Affinity Photo redefines the boundaries for professional photo editing software. With a meticulous focus on workflow it offers sophisticated tools for enhancing, editing and retouching your images in an incredibly intuitive interface, with all the power and performance you need. | Paid |
| LightZone | Win, Mac, Linux | LightZone is professional-level digital darkroom software for Windows, Mac OS X, and Linux, that includes RAW processing and editing. Rather than using layers in the way that other photo editors do, LightZone lets the user build up a stack of tools which can be rearranged, readjusted, turned off and on, and removed from the stack. It's a completely non-destructive editor, where any of the tools can be re-adjusted or modified later — even in a different editing session. | Free |
| Gimp | Win, Mac, Linux | GIMP (GNU Image Manipulation Program) is an image retouching and editing tool. One of the most powerful general-purpose image editors around, the upgrades make the GNU Image Manipulation Program eminently comparable to Photoshop. One of the most powerful general-purpose image editors around, the upgrades make the GNU Image Manipulation Program eminently comparable to Photoshop. One of the most powerful image editors, comparable to Photoshop. | Free |
| Fast Stone Imag Viewer | Win | FastStone is a fast, stable, user-friendly image browser, converter and editor. It has a nice array of features that include image viewing, management, comparison, red-eye removal, emailing, resizing, cropping and color adjustments. | Free |
| Photo Pos Pro | Win | The perfect Photo Editor and Image Editor for you! Photo Pos Pro is an advanced yet extremely user-friendly and easy photo editing software, Photo Editor, Image Editor and Computer Graphics Editor offering users a wide variety of possibilities in the fields of Design Graphic, Photo Editing and Enhancing, Image Editing and much more! | Free |
| Paint.net | Win | A powerful image editor that’s more user-friendly than The GIMP. It’s particularly useful for photo editing, but the included drawing tools and support for multiple layers means it’s a decent illustration package too. Also compared to Photoshop. | Free |
| PixelMator | Mac | Pixelmator is an inspiring, easy-to-use, beautifully designed image editor built to help you create stunning new images and edit your existing photos. | Paid |
| Photobie | Win | Photobie is image editing software that combines features amateurs can use with advanced tools professionals will appreciate. Photobie is free for personal use with no Pro upgrade to pay for -- all features are free. Photobie is also a community of people ... | Free |
| Picasa | Win | Organize, edit, and share your photos Picasa 3.9 – Now with Google+ sharing and tagging. | Free |
| Seashore | Mac | Seashore is an open source image editor for Mac OS X's Cocoa framework. It features gradients, textures and anti-aliasing for both text and brush strokes. It supports multiple layers and alpha channel editing. It is based around the GIMP's technology and uses the same native file format. | Free |
| Fotor | Mac | Fotor photo editor for Mac can edit your photos in a number of ways, from basic editing to adding filters, try it now. | Free |
| Acorn | Mac | Everyone needs to edit photos at some point, but not everyone has the time to learn complicated super pricey photo editing software. This is why we created Acorn. | Free |
| Sketch | Mac | Sketch gives you the power, flexibility and speed you always wanted in a lightweight and easy-to-use package. Finally you can focus on what you do best: Design. | Paid |
Online Editors
| Website | Short Description | Free or pay |
|---|---|---|
| Pixlr | A photo/image editor that has a layout just like Photoshop. Has ability to create layers. | Free |
| Photoshop Express | Adobe online free photo edtior. Flash based, used to directly edit photos on blogs and social networking sites. | Free |
| Sumopaint | Anothr flash based online editor whose layout is similiar to Photoshop. Focus is more on illustrations. | Free |
| picmonkey | Add filters, frames, text, and effects with our free online photo editing tool! | Free/Pay |
| Befunky | BeFunky Photo Editor lets you apply photo effects, edit photos and create photo collages with collage maker. | Free |
| Fotoflexer | FotoFlexer is the most powerful online photo editor in existence. It can remove blemishes, change skin/hair color, morph photos and more! 100% free. | Free |
| Photocat | PhotoCat is a free online photo editing app for you to edit imges, retouch pictures, make photo collages, apply effects, filters, add frames, text, speech bubbles ... | Free |
| piZap | PiZap is a free, easy, online photo editor and collage making tool. PiZap is also available on the Apple iPhone and iPad in ... | Free |
| Photobucket | Photobucket's free online photo editor makes it easy to enhance your images! Apply filters, frames, stickers, text, or crop and resize your photos in just a few seconds. | Free |
| Citrify | Citrify is a easy and fun way to enhance your personal photos. Best of all, it's FREE! start editing. Naturally Beautiful. | Free |
| ImageBot | Online photo and image editor in the browser. | Free |
Online Image Optimization
| Optimizer | Description |
|---|---|
| Dynamic Drive | Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to another. |
| Smush It | Snush It uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. |
| Web Resizer | Originally written as a free tool for clients to use when updating websites, after lots of positive feedback, we decided to make it freely available to everyone on the Internet. It's our way of saying thanks for all the wonderful tools the Internet provides. |
| Puny PNG | PunyPNG is a free website optimization tool that dramatically reduces the file size of your images without any loss of quality. |
| iResize | iResize.com is a fast and free, simple-to-use online image resizing tool. Remember, there is nothing to download or install. iResize.com is completely web-based and works in all of your favorite web browsers and operating systems. |
| CompressPNG | Compress PNG images into PNG-8 format with transparency support and full browser compatibility. Also CompressJPG tool available. |
| Image Optimizer | You can resize, compress and optimize your image files. Using the service is as easy as clicking of button! Optimized images are better! They are more suitable for web pages, email attachments, or even storage on your disk. |
| Optimizilla | The ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size. ... There is no online alternative to this tool. |
| ResizeMyImg | This is the easiest way to resize your images online. You just need to upload a picture or drag and drop it into the upload box, set the desired size and then download it for free. With our simple free online tool there is no need to install any additional software to your computer because you already have right of the box an online image editor. |
SVG Generators
| Generator | Description |
|---|---|
| SVG Edit | Basic. Objects. Symbols. Arrows. Flowchart. Animals. Cards & Chess. Dialog balloons. Electronics. Mathematical. |
| Batik Java SVG | Batik is a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG) format for various purposes, such as display, generation or manipulation. |
| Draw SVG | The free online drawing application for designers and developers fully standard compliant SVG |
| SVG Textorizer Tool | This tool takes as input an image in PNG format (left), as well as a text file containing some text, and produces an SVG file which reconstructs the original image ... |
| Online SVG Generator | It is written in HTML5 with mainly Javascript (that means your Browser!) doing the work. There is a little PHP to allow the download of the generated SVG file. |
| Iconizr | A free online SVG icon kit creator, featuring CSS & Sass output, SVG & PNG icon sprites, image optimization and fallbacks for less capable browsers |
| Online Convert | This free online image converter lets you convert your images to the Scalable Vector Graphics (SVG) format (experimental). |
Sliders
| Slider Website | Format | Short Description | Cost |
|---|---|---|---|
| Dynamic Drive | Java Script | Slideshow JS scripts, various slideshow styles. | Free |
| Wow Slider | Jquery | WOW Slider is a responsive jQuery image slider with amazing visual effects (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates. | Free Pay |
| Media Slideshow FX | Flash | Autoplay functionality, supports JPG, BMP, PNG, GIF, SWF and FLVs, customizable playlist position and orientation, customizable widths and ... | Free |
| DMX Zone | HTML5 | Bring your photos to life in an amazing HTML5 slideshow in Dreamweaver. The Slideshow photo gallery is built with jQuery, is CSS based and uses HTML5 W3C standard elements like the Canvas and CSS3 Transitions, when available, for the highest animation quality and no Flash at all. | Pay |
| TN3 Gallery | Jquery | A full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery. | Pay |
| HTML5 Slideshow | HTML5 | You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. | Free |
| Accessible Slideshow | Jquery | In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action. | Free |
| Flash Slideshow Maker | Flash | Web Album Maker for Windows is the easiest way to build a jQuery photo gallery for your own website. This slideshow tool creates image gallery compatible with all browsers, including iPad, iPhone iOS browsers. More... | Pay |
| Beautiful Jquery Slider | Jquery | This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name. | Free |
| Amara | Flash | Flash Slideshow software is a no-nonse Flash slideshow builder to help web designers easily and quickly create and design Flash slideshows and photo albums. | Pay |
| Image Scroller | Jquery | In this tutorial, we’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. | Free |
| Photo Flash Maker | Flash | With Photo Flash Maker Platinum, you can use your photos, FLV videos and songs to create gorgeous flash slideshows in SWF format for watching on computer. | Pay |
| Flash Slide Show Maker | Flash | Create animated slideshow gallery with professional flash templates. Publish and share your flash photo gallery on the Web in minutes. No coding needed! | Pay |
Galleries
| Photo Gallery Website | Format | Short Description | Cost |
|---|---|---|---|
| jqGal View II | Jquery | This is the jQuery Gallery View II plugin (jqGalViewII) which takes a list of your images and creates an easily styles photo gallery. This plugin will preload all of your larger images for faster viewing. | Free |
| Flashmo | Flash | Stack Photo Gallery Flash CS3 ActionScript 3.0. | Free |
| Full Page Image Gallery | Jquery | In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves ... | Free |
| JuiceBox | HTML5 | Juicebox comes in 2 versions: the Lite version and the fully-featured Pro version. The Lite version is free to use, and the Pro version requires a one-time purchase per domain. | Free Pay |
| HTML5 Photo Gallery | HTML5 | The HTML5 Photo Gallery – Resizable Album Grid XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly. | Pay |
| Flash Gallery | Flash | Photo Gallery Tools – the complete set for professionals that can assist quickly create stunning online presentation, photo gallery or slideshow for the best performance of your ideas. Mobile Devices Support. | Pay |
| Blueimp | Jquery | Blueimp is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. | Free |
| Amazing Slider | Jquery | An easy-to-use Windows & Mac app that enables you to create beautiful, professional, responsive jQuery Slider, YouTube Video Gallery, ... | Free/Pay |
| Visual Light Box | Jquery | Create terrific lightbox jQuery slideshows in second without a line of code. All browsers and devices! | Free |
Free Stock Photos
Free Stock Photos
Free for commerce useNo attribution required
CCO Public Domain
| Photo Site | Description |
|---|---|
| Pixabay | All images and videos on Pixabay are released free of copyrights under Creative Commons CC0. You may download, modify, distribute, and use them royalty free for anything you like, even in commercial applications. Attribution is not required. |
| Pexels | All photos on Pexels are licensed under the Creative Commons Zero (CC0) license. This means the pictures are completely free to be used for any legal purpose. |
| Unsplash | All photos published on Unsplash are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash. |
| RGB Stock | 1.c We hereby grant to You a non-exclusive, non-transferable license to use the Image on the terms and conditions explained in this Agreement and on the Image preview page FREE OF CHARGE. We encourage you to pay attention to section 7.4 of this license. |
| FreeRangeStock | You can do nearly anything with the images, commercial or not. Just don't redistribute them - this means don't host the images or repackage them, just post a link to this site and let others sign up download them, just as you did. You cannot offer images for sale, or offer images as part of printed products. |
| Canva Free Stock Photos | Search and download free photos from Canva's library of high quality stock images. Terms of Use |
