Инструменты веб-дизайна
Бесплатные инструменты, которые помогут веб-мастерам построить сайт и улучшить его внешний вид и удобство использования.
Системы управления контентом, темы и плагины в этот список не входят.
Создание компонентов
SVG Edit
Редактор HTML 5 изображений в SVG, онлайн или на рабочем столе. Наоборот, в Inkscape устроиться очень просто. Векторные рисунки непосредственно не сохраняются, код SVG отображается для копирования и вставки в текстовый редактор. Среди других недостатков в генерируемом SVG-коде атрибуты представлены в любом порядке, это меняется от одного вектора к другому, и количества атрибутов излишне увеличивают код, потому что они имеют значение по умолчанию. Кроме того, ошибка заключается в том, что указанные идентификаторы не воспроизводятся в генерируемом коде (версия 2.8.1).
VPaint
Другой векторный инструмент, но позволяет рисовать интерактивно. Он все еще в бета-версии. (Win/Mac/Lin).
Графы
В чартах инструментов Google строятся графики из ваших данных, которые можно включить на страницы с кодом JavaScript.
Логотип производителя (на этом сайте )
Чтобы создать трехмерные заголовки. Онлайн-инструмент на этом сайте.
Кроме того, можно создавать подчеркнутые логотипы с помощью меню Gimp script-fu или, как на этой странице, с SVG-кодом для вставки в HTML-код страницы. См. раздел xml этого сайта.
CSS 3 Maker
Создает таблицы стилей CSS 3 для различных атрибутов.
Рисование изображений
Программное обеспечение для рисования с поднятием рук
MyPaint, Krita, Paint.NET призваны заменить мольберт и палитру краски. Изображение справа - скриншот Крита.
Бесплатный редактор и открытый источник векторных 2D-анимации, например Flash. Анимация состоит не из кадров, а из объектов, эволюционирующих с помощью морфинга, или из-за того, что они создают объекты, состоящие из элементов, которые можно анимировать индивидуально.
Может импортировать файлы SVG и экспортировать их в формат SVG с ограничениями. Также создает AVI-файлы, которые могут отображаться в теге <video>.
ДевианАрт Муро
Чтобы рисовать везде без мольберта, бесплатное онлайн-ПО, написанное на HTML 5 с основными инструментами, но количество фильтров.
Изображение анализатора 
Редактирует изображения, позволяет редактировать не только различные улучшения .
Фавикон
Инструмент для создания этих маленьких изображений .
DarkRoom
Альтернатива Lightroom от Photoshop, но только для Linux позволяет управлять стоком фотографий и выполнять манипуляции рендеринга.
Рендерман
Через Pixar, теперь бесплатный рендеринг для некоммерческого использования. Косвенные доходы, такие как реклама на Youtube, не считаются коммерческим доходом.
(Windows, Linux, Mac.)
Clara.io
Атернативно совершенно бесплатно в Рендерман, работает в браузере.
С помощью Inkscape можно делать рисунки для веб-страницы. Inkscape также может рисовать логотипы на SVG.
Автоматически создавать рисунки
Автопробег
Онлайн-инструмент Google с искусственным интеллектом превращает простые зарисовки или грибули в реалистичные рисунки.
Редактор комиксов
Редактор упрощенных комиксов в HTML. Принцип заключается в изменении стандартных объектов. Работает на Chrome.
beFunky
Простой способ обогатить веб-страницу - преобразовать фотографии в рисунки одним щелчком мыши (с эффектом «Линия с артопией»). Для этого достаточно загрузить фотографию, трансформация происходит одним кликом! Также есть возможность сделать HDR .
Он также превращает ваши видео в мультфильмы.
Преобразование и разработка
TinyPNG
Онлайн-сервис, который сжимает PNG-изображения как JPG при сохранении прозрачности. Получившийся кадр остается в формате PNG. Если ты предпочитаешь использовать локальную программу, то есть pngnq или PNG Quant, который дополнительно имеет графический интерфейс на Windows и может добиться существенного сокращения размеров .
Браусершоты.
Тестирование страниц под различными браузерами и операционными системами.
Смотрите все плагины для веб-мастера, которые могут помочь в разработке дизайна сайта.
Для увеличения разрешения изображения см. также статью «Супер разрешение».
Графические изображения и комплекты
Вебфонт от Google
Для добавления несистемных шрифтов на страницы требуется код JavaScript.
См. также...