Стандартизация размеров и имён файлов изображений

1. Использовать только латиницу (английские буковки, если так понятнее) в имени файла. Да, большинство CMS (Content management system - система управления контентом) сожрут не поперхнувшись картинку с имене файла на кириллице (родные русские буковки), но это может привести к самым неожиданным последствиям в самый неподходящий момент.

2. Избавиться от пробелов и прочих символов пунктуации, а также любых специальных символов. Абсолютно безопасно использовать дефисы и знаки подчёркивания (горизонтальные палочки, одна из которых по центру высоты слова, а другая снизу, если уж Вы совсем в танке, извините).

3. Крайне желательно отказаться от использования букв в верхнем регистре (заглавные буковки): помимо единообразного аккуратного вида это однозначно избавит от любых проблем с регистрозависимостью (в случае поиска, пакетной обработки и т.п.). То же самое касается расширения файла (трёх или четырёх букв после точки в конце имени файла).

file-name_digital-index_letter-index_edit-marker_shape_size_jpeg-quality

Компоненты шаблона разделены знаком подчёркивания, внутри компонента используется дефис, если это требуется.

1. file-name - Смысловая часть.
2. digital-index - Цифровой индекс.
3. letter-index - Буквенный индекс.
4. edit-marker - Маркер правки.
5. shape - Геометрическая форма.
6. size - Размер полотна.
7. jpeg-quality - Качество JPEG.

Пример полного использования компонентов шаблона:
beautiful-landscape_01_a_ed_rt_m_q60.jpg

Пример частичного использования компонентов шаблона:
beautiful-landscape_rt_m.jpg

На практике задействовать все компоненты шаблона потребуется крайне редко, так что не стоит уже сейчас начинать бояться обилия непонятных буковок и циферок, - всё будет достаточно просто и очевидно. :)

Смысловая часть имени файла, описывающая хоть в какой-то степени содержимое изображение или его принадлежность. Считаю правильным использовать английский язык (сделать перевод - дело секундное), т.к. транслитерация всё-таки компромиссный, а не полноценный вариант. Также осмысленное название на универсальном языке вполне может дать дополнительный сигнал поисковым системам при ранжировании документа или непосредственно изображения.

beautiful-landscape_01_a_ed_rt_m_q60.jpg

Цифровой индекс имени файла. Можно использовать вместе со смысловой частью (например, если изображений в статье несколько, а смысловая часть у них одинаковая и идентична алиасу самой статьи в URL) или отдельно (например, если смысловая часть неуместна, неинформативна или просто жуткий клин с фантазией).

Если изображений, к которым будет применён цифровой индекс меньше 100, то оптимально использовать индекс из двух цифр с лидирующим нулём для индексов меньше 10. Это позволит корректно применять к файлам упорядочивание в алфавитном порядке (01, 02, 03..., а не 1, 11, 2...).

Если иозображений больше 100, то цифровой индекс внесёт больше неразбирихи, чем порядка, особенно, если используется отдельно, без смысловой части. Тем не менее, никаких ограничений для числа знаков цифрового индекса не предполагается: лепите сколько хотите, лишь бы понятно было.

beautiful-landscape_01_a_ed_rt_m_q60.jpg

Буквенный индекс имени файла стоит использовать исключительно как дополнение к смысловой части и цифровому индексу (вместе или по отдельности). Буквенный индекс удобно добавлять когда используется копия или вариант одного и того же изображения с небольшими отличиями.

На практике используется крайне редко, поэтому лучше ограничиваться одним знаком индекса (одной буквой) и не выдумывать заумнух комбинаций в стиле "aab". Меньше букв - больше ясности.

beautiful-landscape_01_a_ed_rt_m_q60.jpg

Маркер правки используется, если оригинальное изображение было незначительно отредактировано (заретушированы личные данные) или дополнено (стрелочку дорисовали, кнопочку на скриншоте цветом обвели). Оригинал лучше всегда держать рядом, чтобы была возможность изменить правки. Но если речь о ретушировании конфиденциальных данных, то заливать на сайт его, конечно не нужно, - пусть на локальном компе болтается.

Бинарный формат: сокращение из двух латинская букв "ed" либо есть, либо его нет.

beautiful-landscape_01_a_ed_rt_m_q60.jpg

Геометрическая форма изображения определяется соотношением его сторон и может быть записана в разных вариантах, при этом первый, на мой взгляд, является наиболее корректным.

Буквенная аббревиатура.

• sq - square (квадрат) - фигура с соотношением сторон 1:1.
• rt - rectangle (прямоугольник) - любое ассиметричное соотношение сторон, для WEB лучше подходит 3:2 (красиво смотрится в качестве обложки с высотой во весь экран), хотя и классическое в фотографии 4:3 не возбраняется. Прочие пропорции - частные случаи.
• pt - portrait (портрет) - по сути тот же прямоугольник, только ориентированный вертикально, т.е. 2:3 (или 3:4).
• cv - cover (обложка) - шапка страницы, сильно вытянутый прямоугольник, занимающий только часть видимой области экрана. Оптимальная пропорция 5:2, но можно использовать и другие схожие пропорции.

Соотношение сторон в относительный величинах (пропорции). Неплохой вариант, но есть два "но". Первое: стандарты подсказывают, что числа нужно разделять двоеточием, но использовать знаки пунктуации нельзя, значит нужно чем-то заменять. Если "крестиком", то это обязательно должна быть латинская "икс", а не в коем случае не кириллическая "эх". Второе: пропорции задаются жестко и тут уж либо 3:2, либо 4:3 вместо более универсального "rt".
Ниже приводится список пропорций, соответствующий предыдущему списку буквенных аббревиатур.

• 1x1
• 3x2
• 2x3
• 5x2

beautiful-landscape_01_a_ed_rt_m_q60.jpg

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

Буквенная аббревиатура. Здесь в привычной всем размерной шкале указывается высота изображения по вертикали, при этом строго совпадения с размерной сеткой (которая передрана с Ютюба) не требуется, достаточно примерного соответствия.

• xxl - 1440 px.
• xl - 1080 px.
• l - 720 px.
• m - 480 px.
• s - 360 px.
• xs - 240 px.

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

Абсолютная вертикаль. Если не нравятся размеры как у одежды, то вместо буквенных сокращений можно использовать абсолютные значения вертикальной стороны изображения в пикселях. При этом можно придерживаться размерной сетки, приведенной выше или указывать в каждом конкретном случае точное значение высоты вертикали. В таком случае внеше одинаковые по размеру изображения, но отличающиеся фактически на пару пикселей придётся маркировать по разному, что внесёт некий сумбур.

Абсолютные размеры в пикселях, например 1920x1280. Этот третий вариант наименее удачный, так как весьма громоздкий и несёт опасность перепутать "икс" с русской "ха", т.к. внешне они идентичны. В случае такой ошибки в имя файла попадёт кириллица, которая может рано или поздно привести к сбоям, а отловить "косяк" в силу внешнего сходства будет весьма затруднительно.
Однако, вариант имеет право на жизнь, особенно в отдельных специфичных случаях.

beautiful-landscape_01_a_ed_rt_m_q60.jpg

Качество JPEG - степень сжатия изображения в формате JPEG. Чем меньше число, тем меньше размер файла в байтах, тем ниже визуальное качество, тем больнее глазам, но быстрее загрузка.

Разумеется, этот компонент шаблона применим только к JPEG файлам и не является обязательным. Имеет смысл использовать этот показатель в том случае, если рядом нужно хранить одинаковые изображения с разной степенью сжатия. Лидируящая буква "q" - quality (качество) - перед числовым значением качества в шаблоне стоит скорее для красоты чем для пользы.

Ниже приведен список квалификаций качества, основанный на предустановках Adobe Photoshop при сохранении файла для Web.

• 10 - Низкое качество. Кровь из глаз, подходит только для затемненного фона с наложением цвета.
• 30 - Среднее качество. Иногда визуально вполне приемлемо.
• 60 - Высокое качество. Золотая середина.
• 80 - Очень высокое качество. Красиво, но жирно по объёму файла.
• 100 - Наилучшее качество. Компресси нет, такое не на сайт, а на стену дома в рамку нужно вешать. Файл весит как слон.

beautiful-landscape_01_a_ed_rt_m_q60.jpg