If you make changes to this website that involve adding new images or replacing existing ones, here are a couple of general recommendations:
Изображения¶
- We prefer SVG images, but if those do not exist we can use PNG images. Additionally, for cover images, we prefer that they are obtained from Unsplash and are in the WebP format.
Логотипы компании имеют размер холста:
- 128x128px
- 384x128px
Оптимизация¶
PNG¶
Use the OptiPNG tool to optimize PNG images:
optipng -o7 file.png
SVG¶
Inkscape¶
Используйте Scour для всех SVG-изображений.
В Inkscape:
- Файл Сохранить как..
- Установите тип Оптимизированный SVG (*.svg)
На вкладке Параметры:
- Количество значащих цифр для координат > 5
- Включите Укорачивать значения цвета
- Включите Преобразовывать атрибуты CSS в атрибуты XML
- Включите Сворачивать группы
- Включите Создавать группы для похожих атрибутов
- Выключите Сохранять данные редактора
- Выключите Сохранять определения без ссылок
- Включите Обход ошибок обработчика
На вкладке Экспорт в SVG в разделе Параметры документа:
- Выключите Удалить объявление XML
- Включите Удалить метаданные
- Включите Удалить комментарии
- Включите Встроить растровые изображения
- Включите Включить viewbox
На вкладке Экспорт в SVG в разделе Качественная печать:
- Выключите Форматировать вывод с разрывами строк и отступами
- Символы отступа > Выберите Пробел
- Размер отступа > 1
- Выключить Вырезать атрибут "xml:space" из корневого элемента SVG
На вкладке Идентификаторы:
- Включите Удалить неиспользуемые идентификаторы
- Отключите Сократить идентификаторы
- Предварять сокращённые идентификаторы >
оставьте пустым - Включите Сохранять созданные вручную идентификаторы, не заканчивающиеся цифрами
- Сохранять следующие идентификаторы >
оставьте пустым - Сохранять идентификаторы, начинающиеся с >
оставьте пустым
Интерфейс командной строки (CLI)¶
Того же можно добиться с помощью команды Scour:
scour --set-precision=5 \
--create-groups \
--renderer-workaround \
--remove-descriptive-elements \
--enable-comment-stripping \
--enable-viewboxing \
--indent=space \
--nindent=1 \
--no-line-breaks \
--enable-id-stripping \
--protect-ids-noninkscape \
input.svg output.svg
WebP¶
Use the cwebp command to convert PNG or JPEG image files to WebP format:
cwebp -q 70 -m 6 input_file -o output.webp