Перейти к содержанию

Загрузка изображений

Вот несколько общих правил подготовки изображений для Privacy Guides:

Изображения

  • Мы предпочитаем SVG-изображения, но если их нет, мы можем использовать PNG-изображения

Логотипы компании имеют размер холста:

  • 128x128px
  • 384x128px

Оптимизация

PNG

Use the OptiPNG to optimize the PNG image:

optipng -o7 file.png

SVG

Inkscape

Используйте Scour для всех SVG-изображений.

В Inkscape:

  1. Файл Сохранить как..
  2. Установите тип Оптимизированный 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