Добрый день.
Мне нравиться использовать простенькие интерфейсные картинки в формате base64/png, вшивать их прям в html коде или на фон в css.
Из плюсов мне кажется, будет меньше запросов на сервер, меньше шанса потеряться/не загрузиться/сломаться. Но если все так радужно, то почему это не используется повсеместно, я бы даже сказал, что редко.
Вот и хотелось бы узнать у опытных, возможно я просто чего то не знаю, и есть какие то подводные камни.
1. Увеличивается размер ресурса.
2. Теряется атомарность изменений - поменяли какое-то свойство в CSS, весь файл инвалидировался в кеше, клиенту нужно заново качать картинку, хотя она и не изменилась.
3. Дизайнер не сможет просто отредактировать изображение.
4. Нельзя посмотреть изображение в редакторах.
1) Мои эксперименты показали, что html с зашитым base64 весит меньше, чем html + jpg или png
2) Во всем проектах где я работал, при любом изменении файла css - клиенту грузится новая его версия, если я конечно, правильно вас понял
3-4 Непонятно вообще зачем
beDenz, допустим у вас 100 картинок. Вы попеняли одну: браузер загрузить новый css с сотней заинлайненых картинок. А с отдельными файлами это будет один относительно маленький css и одна картинка.
Алексей Тен, логику понял, принимается
Только вот, меня смущают 100 лишних запросов за картинками. Возможно я переоцениваю пагубность большого количества запросов к серверу
В вашу и base64 защиту скажу: есть определенные ситуации, когда невозможно обойтись без инлайн-вставки изображений, одна из них - страница ошибки 500. Сервер лежит, ассеты не подгрузить, все должно быть заинлайнено, включая изображения и стили. В данном случае base64 вас спасёт.