Фронтенд и мобильные

Инструменты для изображений, SVG и иконок

Перед публикацией изображение почти всегда нужно во что-то превратить: конвертировать в формат, который реально нужен браузеру или площадке, обрезать под фиксированный размер, убрать EXIF и GPS, которые телефон записал по умолчанию, или превратить одну картинку в полный набор размеров фавиконки для сайта. Эти инструменты решают именно такие задачи прямо с уже имеющимся у вас файлом.

Конвертер изображений и изменение размера и обрезка закрывают повседневную смену формата и размеров для PNG, JPG, WebP и AVIF, причём второй показывает область обрезки заранее. Оптимизатор SVG работает с разметкой, а не пикселями: форматирует или сжимает SVG и убирает метаданные, раздувающие файл без влияния на отображение. Генератор фавиконов превращает одно исходное изображение в набор фавиконок разных размеров, а просмотр и удаление метаданных фото убирает GPS, дату съёмки и XMP, показав список меток перед сохранением копии.

5 инструментов

Вопросы об инструментах категории «Images, SVG & Icons»

Меняет ли удаление EXIF внешний вид изображения?

Нет, EXIF, GPS, данные камеры и XMP — это метаданные рядом с пикселями, а не часть видимого изображения, поэтому их удаление не влияет на картинку. Просмотр и удаление метаданных фото сначала показывает эти скрытые данные, а уже потом позволяет убрать их перед публикацией или отправкой файла.

Какие форматы на самом деле нужны для фавиконки?

Современный набор фавиконок требует файл .ico для старых браузеров, плюс несколько размеров PNG и webmanifest для иконок на главном экране — больше, чем обычно собирают вручную. Генератор фавиконов делает favicon.ico, нужные размеры PNG и webmanifest из одного исходного изображения.

Зачем оптимизировать SVG, если он уже экспортирован из редактора?

Экспортированные SVG часто содержат метаданные редактора, неиспользуемые ID и лишнюю точность, которые увеличивают размер файла, не меняя отображаемую форму. Оптимизатор SVG форматирует или сжимает разметку и убирает эти метаданные — быстрая проверка перед отправкой SVG в продакшен.