Как должна выглядеть структура проекта? Например папки с изображениями?

Question

[MyQuestion]

Добрый день!

Недавно копался в папке с изображениями лендинга, и понял, что это полный бардак... Как правильно будет организовать структуру папок для картинок? Например, сортировать их по формату или по блокам, или по типу (фон, контент, декоративный элемент)?

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

Comments

[MyQuestion]

Aleksandr-JS-Developer,
Что бы никто не догадался?

Answer 1

[IIIu6ko]

У меня всё по секциям/блокам раскидано. Так проще искать конкретное изображение.

Comments

[MyQuestion]

Спасибо за пример! Довольно наглядно.

[igumenov]

не совсем верно, нужно еще отделять все на
images->style->...->logo.svg
images->content->news->img.svg
images->content->brands->img.svg

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

Answer 2

[Keliorw]

Ну что бы было всем понятно для чего картинки, стоит их сортировать по папкам с название их назначения, как ты и сказал(фон, контент, декоративный элемент). Если хочешь ещё более подробную сортировку, то можно и глубже разбить картинки по папкам, типо (фоны/главная; фоны/личный кабинет; и т.д.).
Но вообще, под простым проектом подразумивается, скорее всего лединг и там достаточно папки img, но для красоты картины, можно и по папочкам всё разложить))))

Comments

[MyQuestion]

Спасибо )
В общем смысле понял ))