Подготовка медиафайлов

Данная страница описывает базовые правила подготовки изображений и GIF-анимаций для публикации клинических случаев на сайте.
Цель стандартизации — обеспечить одинаковое качество изображений, удобство просмотра и корректную работу сайта на разных устройствах.


Основной принцип

Все изображения перед публикацией должны быть:

  • обезличены;
  • приведены к единому размеру;
  • оптимизированы для веб-публикации;
  • сохранены в хорошем качестве без чрезмерного веса файла.

Стандартизация медиафайлов улучшает читаемость кейсов, ускоряет загрузку страниц и делает библиотеку визуально единообразной.


Размеры обычных изображений

Рекомендуемый стандарт:

  • наиболее широкая сторона: 1400 px
  • сохранение пропорций: обязательно
  • формат: JPG или PNG

Допустимый диапазон:

  • 1200–1600 px по ширине

Изображения меньшего размера могут выглядеть размыто при увеличении.
Слишком большие изображения увеличивают время загрузки страницы без заметного улучшения качества.


Размеры GIF-анимаций

Рекомендуемый стандарт:

  • ширина GIF: 900 px
  • формат: GIF
  • продолжительность: короткие циклы без лишних кадров

Допустимый диапазон:

  • 900–1000 px по ширине

GIF-анимации используются только для демонстрации динамики исследования (например, УЗИ или прокрутки КТ-срезов).

Слишком большие GIF значительно замедляют работу сайта и ухудшают восприятие материала.


Миниатюры карточек кейсов

Для корректного отображения библиотеки клинических случаев рекомендуется:

  • использовать изображения с близкими пропорциями;
  • избегать чрезмерно вертикальных изображений;
  • по возможности центрировать ключевую область исследования.

Миниатюры автоматически адаптируются под сетку сайта.


Форматы файлов

Рекомендуемые форматы:

  • JPG — основной формат для изображений;
  • PNG — при необходимости сохранения мелких деталей или текста;
  • GIF — только для анимаций.

Не рекомендуется использовать:

  • TIFF;
  • BMP;
  • чрезмерно тяжёлые PNG-файлы.

Имена файлов

Рекомендуется использовать короткие английские названия без пробелов.

Примеры:

  • emphysematous-pyelonephritis-uzi-01.jpg
  • mallory-weiss-ct-02.png
  • bowel-obstruction-us.gif

Желательно избегать:

  • русских символов;
  • пробелов;
  • специальных символов;
  • названий вида IMG_4588.jpg

Обезличивание данных

Перед публикацией изображения должны быть полностью обезличены.

Не допускается наличие:

  • ФИО пациента;
  • даты рождения;
  • номера исследования;
  • названия учреждения;
  • внутренних идентификаторов;
  • QR-кодов и штрих-кодов.

Для обезличивания рекомендуется использовать полное перекрытие персональных данных непрозрачным прямоугольником.
Размытие или пикселизация считаются менее надёжными методами.


Рекомендуемые приложения

Изменение размеров изображений

  • XnResize

Создание GIF-анимаций

  • ScreenToGif

Обезличивание изображений

  • Paint.NET

Итоговый стандарт

Обычные изображения

  • наиболее широкая сторона: 1400 px
  • JPG/PNG
  • обязательное обезличивание

GIF-анимации

  • ширина 900 px
  • короткие циклы
  • минимально необходимый размер файла

Стандартизация медиафайлов позволяет поддерживать единый визуальный стиль библиотеки клинических случаев и обеспечивает корректное отображение материалов на разных устройствах.