5

Делаю галерею. Хранить картинки на сервере мне проще в base64. Есть ли разница при отображении картинки в html между указанием в атрибуте src пути до картинки или подстановкой в этот тег строки base64 с точки зрения производительности или еще чего нибудь?

2
  • А почему вам проще хранить в base64, вы их храните что ли в БД ? не храните картинки в БД, в виде файлов они займут меньше места, следовательно и по сети на клиента будут переданы быстрее. И кроме этого отдача статической картинки средствами web-сервера гораздо быстрее, чем самостоятельная отдача скриптом
    – Mike
    30 июл 2017 в 15:08
  • не правильно написал, я не хранить буду а передавать с клиента на сервер , так как там форма crud с галереей, думал может в БД сразу и писать , но теперь судя по ответам буду в виде картинок сохранять
    – heff
    31 июл 2017 в 5:51

2 ответа 2

3

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

если вы используете base64, то

  • изображения не кешируются, а отправляются вместе с HTML. Т.е юзер будет ждать пока загрузится 5 мегабайт страницы и отрендерится. Вместо того, чтобы отобразить контент и стили, а все остальное параллельно догружать (причем браузеры умеют перед полной загрузкой изображения показывать превьюшку)
  • можно использовать серверный GZIP, в много раз уменьшая размер получаемого контента.
  • статичные файлы в целях оптимизации принято отдавать на CDN. он выгружает контент с более близкого сервера, ускоряя загрузку. также ставят NGINX (только либо перед апачем), который быстро работает с стат. файлами. в base64 этот вариант не работает
3

в случае указания пути к картинке, браузеру нужно будет сделать ещё один запрос и скачать картинку. Это как бы минус, но современные браузеры умеют делать это очень хорошо (если только им не мешать) и скачивать в паралель. Также картику легко закешировать. В том случае, если же картинка будет внутри html страницы, кеширование картинки невозможно, сама html страница стенет больше. Но если картинка мелкая (10на10 пикселей), то это может быть оправданно.

Так как Вы делаете галерею, то для основных картинок (больших) лучше использовать классический подход. Это будет проще, быстрее (с точки зрения разработки и отображения) и более гибко. Мелкие картинки (стрелочки всякие) можно внутрь html вставить, но я не вижу никой вігоды от этого.

На сервере все таки лучше хранить картики файлами - это как минимум на 25 процентов меньше по размеру (относительно base64 варианта).

Способ с хранением картинки внутри страницы оправдан только если

  • у Вас дорого стоит установка нового соединения (как по деньгам, так и по времени)
  • хочется сохранять страницу как один файл с картинками вместе.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.