Web Design Tools
Free tools to help webmasters build a site and improve its appearance and usability.
Content management systems, themes and plugins are not included in this list.
Creating components
SVG Edit
HTML editor 5 images in SVG, online or on the desktop. On the contrary, Inkscape is very easy to get into. Vector graphics are not directly saved, SVG code is displayed for copying and pasting into a text editor. Among other disadvantages in the generated SVG code, attributes are presented in any order, this changes from one vector to another, and the number of attributes unnecessarily increases the code because they have a default value. In addition, the error is that the specified identifiers are not reproduced in the generated code (version 2.8.1).
VPaint
Another vector tool, but allows you to draw interactively. It's still in beta. (Win/Mac/Lin).
Columns
Google's tool charts build graphs from your data that can be included on pages with JavaScript code.
Manufacturer's logo (on this website)
To create 3D titles. Online tool on this site.
In addition, you can create underlined logos using the Gimp script-fu menu or, as on this page, with SVG code to insert into the HTML code of the page. See the xml section of this site.
CSS 3 Maker
Creates CSS 3 style sheets for various attributes.
Drawing images
Hand-raising drawing software
MyPaint, Krita, Paint.NET are designed to replace the easel and paint palette. The image on the right is a screenshot of Crete .
Free editor and open source 2D vector animation, such as Flash. Animation consists not of frames, but of objects evolving through morphing, or because they create objects composed of elements that can be animated individually.
Can import SVG files and export them to restricted SVG format. Also creates AVI files that can appear in the <video> tag.
DevianArt Muro
To draw everywhere without an easel, free online software written in HTML 5 with basic tools, but the number of filters.
Analyzer image 
Edits images, allows you to edit not only various improvements.
Favicon
A tool for creating these small images.
DarkRoom
An alternative to Lightroom from Photoshop, but only for Linux, it allows you to control the stock of photos and perform rendering manipulations.
Renderman
Through Pixar, now free rendering for non-commercial use. Indirect revenue, such as advertising on Youtube, is not considered commercial revenue.
(Windows, Linux, Mac.)
Clara.io
Alternately completely free in Renderman, works in the browser.
With Inkscape, you can make pictures for a web page. Inkscape can also draw logos on SVG.
Automatically create pictures
Motor rally
Google's AI-powered online tool turns simple sketches or gribuli into realistic drawings.
Comic book editor
Simplified Comics Editor in HTML. The principle is to change standard objects. Works on Chrome.
beFunky
An easy way to enrich a web page is to convert photos into pictures with one click (with the "Line with Arthopia" effect). To do this, just upload a photo, the transformation takes place with one click! It is also possible to make HDR.
It also turns your videos into cartoons.
Transformation and development
TinyPNG
An online service that compresses PNG images as JPG while maintaining transparency. The resulting frame remains in PNG format. If you prefer to use a local program, that is, pngnq or PNG Quant, which additionally has a graphical interface on Windows and can achieve a significant reduction in size.
Broussershots.
Testing pages under various browsers and operating systems.
See all plugins for the webmaster that can help in the design of the site.
To increase the resolution of the image, see also the article "Super resolution ."
Graphics and Kits
Webfont by Google
Adding nonsystem fonts to pages requires JavaScript code.
See also...