Как называть картинки в реальном проекте? 01-02 или полное название?

Question

[Юля]

В стримах, которые я смотрела называли 01/02 или по названию блока. Но в одно из них было так же сказано, что это только для стрима и вообще нужно называть адекватно. Адекватно это как? По тому, что изображено на самой картинке? Или например блок aluminium и картинки aluminium-01 и тд?

Comments

[Антон Литвиненко]

на реальном проекте чаще всего картинки загружает контент менеджер, он чаще всего что хотит, то и творит, может в отверстие 300х300 затолкать картинку 3000х4000 весом 5мб и не будет понимать почему сайт тормозит

Answer 1

[Сергей delphinpro]

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

/images
  /content
    /gallery
      /1.jpg
      /2.jpg
      /3.jpg
    /slider
      /1.jpg
      /2.jpg
      /3.jpg

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

<div class="slider">
  {% for i in 1..3 %}
    <div class="slide">
      <img src="/images/content/slider/{{ i }}.jpg">
    </div>
  {% endfor %}
</div>

А как там будут называть файлы в боевом проекте контент-менеджеры - уже не ваша забота.

Answer 2

[iBird Rose]

Называй так, что если ты сверстал проект и прошло несколько месяцев и ты открыл папку images - и смотря на названия картинок ты понимал, где именно ты использовал в проекте эту картинку.
p.s. если по простому - называй так, чтобы было понятно к какому блоку или месту относится та или иная картинка. к примеру есть у тебя блок about-item, где какая то инфа "О компании", к примеру. и там несколько картинок. то называй их about-item-img-1, about-item-img-2 и т.д. Тогда и сам будешь понимать откуда эти картинки и другим будет легче разобраться

Answer 3

[ForSureN1]

Если статика то как хочешь, если динамичные то без разницы, т.к. на стороне сервера названия сами преобразуются

Comments

[imko]

А чем "как хочешь" отличается от "без разницы" в данном контексте?)

[ForSureN1]

imko, :D ну тем что "как хочешь" - назвать хоть 01, хоть по смысловому значению, как удобно для себя самого, чтобы не забыть название если нужно где то точно такое же изображение поставить, в общем самому себе палки в колёса не ставить
а "без разницы" подразумевал именно то, что там уже можно просто назвать 01, 02, 03.. и забыть про них

[ThunderCat]

imko, "без разницы" это еще понятно, а вот как "названия сами преобразуются" - это уже загадка загадок...

[ForSureN1]

ThunderCat, Ну я не правильно чутка выразился просто) имел ввиду что есть функция которая шифрует название изображения, отсюда и получается уникальное название для изображения которое никогда не повторится потому что мы шифрует timestamp