2016-05-30 5 views
0

Мы используем сервер изображений thumbor, чтобы автоматически генерировать различные разрешения изображений, загружаемых нашими пользователями.Соглашения об именах для разных размеров изображения

Изображения используются в разных местах: изображения среднего размера, небольшие изображения в списках, увеличенные изображения на страницах подробностей, даже большие изображения в галереях. Некоторые варианты имеют исходное соотношение сторон, другие должны быть установлены в рамке 4: 3 и иметь серый фон.

Идентификаторы размера изображения, такие как «маленький», «средний» и «большой», не имеют никакого значения и могут означать что угодно. К сожалению, я не нашел документального соглашения об именах для этой ситуации.

Какие соглашения об именах изображений известны и которые лучше всего работают в среде веб-приложений?

+0

Почему не использовать пиксель размера для именования? Он масштабируется, поскольку вы не ограничены согласованием имен, например «size1», «size2», «size3» (потому что, если вам нужен новый размер между «size1» и «size2»?) Или «маленький», средний ',' большой '(по той же причине). imgx48, imgx96, imgx250 кажется мне простым ... – Narxx

+0

Мне нравится соглашение об именах стиля Bootstrap: xs, sm, md, lg, xl. Например, тег 'org-md-pp' для' оригинального кадра, среднего размера, профиля изображения'. И '4.3-sm-gp' для' 4: 3 кадра, малогабаритный, галерейный рисунок'. –

+0

Соглашения об именовании @EmreBolat Bootstrap гарантировали наличие только трех точек останова. Если вы хотите добавить больше размеров, вам нужно будет очень креативно использовать свои соглашения об именах. фиксированные имена размеров имеют смысл, они легко читаются и масштабируемы. – Narxx

ответ

0

Мы поселились в следующем растворе:


  1. Сначала мы составили список всех размеры изображения, их соотношение сторон и стили, необходимые во внешнем интерфейсе.
  2. Мы сгруппировали их в ведра одинаковых размеров, с одинаковым соотношением сторон и стилями
  3. Они получили название в зависимости от местоположения их использования, их стиля и их размера/аспекта.

В конце концов у нас был список со следующими именами:

  • thumbnail (небольшие изображения, 40px широкий)
  • small (вписываться в 300x225)
  • list43grey (для некоторых представлений списка , Соотношение сторон 4: 3, серый фон)
  • listquad (для некоторых видов просмотра, соотношение сторон 1: 1, обрезка)
  • detail (большое изображение на детальных страницах, 800x400)
  • fullscreen (полная скринируемой галереей, 1600x1200)
1

Моя рекомендация будет что-то вроде этого:

Рассмотрим все различные отношения у вас есть в системе, например:

  • 2x3
  • 1x1
  • 1х2
  • 3x4

Дайте e ACH имя, как:

  • 2x3 - Пейзаж
  • 1x1 - Площадь
  • 1х2 - Spread
  • 3х4 - Портрет

Затем использовать имена в качестве префиксов для различных размеров для каждое изображение:

landscape_300 приведет к соотношению 3x4, 300 пикселей в ширину.

Square_96 приведет к 96 пикселей х 96 пикселей изображения, и так далее ...

Смежные вопросы