В этой статье я расскажу про 8 методик оптимизации загрузки изображений, которые уменьшают необходимую пропускную способность сети и нагрузку на процессор при выводе на экран. Приведу примеры аннотированного HTML, чтобы вам было легче воспроизвести. Какие-то методики уже давно известны, а какие-то появились относительно недавно. В идеале, ваш любимый механизм публикации веб-документов (например, CMS, генератор статичных сайтов или фреймворк для веб-приложений) должен всё это реализовывать из коробки.
Читать полностью »
Рубрика «загрузка картинок»
Максимально оптимизированная веб-загрузка изображений в 2021 году
2021-02-20 в 12:42, admin, рубрики: Блог компании Mail.Ru Group, браузеры, высокая производительность, загрузка картинок, Клиентская оптимизация, никто не читает теги, оптимизация изображений, Разработка веб-сайтовЛучший способ загрузки файлов в Ruby с помощью Shrine. Часть 2. Загрузчик
2017-05-16 в 10:55, admin, рубрики: file upload, ruby, ruby on rails, загрузка картинок, загрузка файлов, загрузка файлов на серверЭто вторая часть из серии постов о Shrine. Цель этой серии статей – показать преимущества Shrine над существующими загрузчиками файлов.
В предыдущем посте я говорил о том что мотивировало меня на создание Shrine. В этой статье я хочу показать вам фундамент, на котором основан Shrine — хранилище, загрузчик и загруженные файлы.
Читать полностью »
Оптимальный способ хранения большого количества файлов на сервере
2014-06-27 в 11:58, admin, рубрики: php, Веб-разработка, загрузка картинок, загрузка файлов, метки: PHP, загрузка картинок, загрузка файловКак известно в одной папке не стоит хранить большое количество файлов т.к. очень быстро может произойти сбой в системе или попросту файлы будут очень медленно считываться.
Для решения этой задачи многие программисты берут md5 имени файла f789f789abc898d6892df98d09a8f8, после чего разбивают имя примерно таким образом:
/f7/89/f789abc898d6892df98d09a8f8.jpg
Читать полностью »
Графический формат JNG — чем полезен, как устроен, чем сконвертить, посмотреть и загрузить
2012-10-22 в 8:37, admin, рубрики: JNG, jpeg, PNG, zlib, загрузка картинок, обработка изображений, метки: JNG, jpeg, PNG, zlib, загрузка картинок На картинке изображенна турецкая снайперская винтовка с очень подходящим названием — JNG. В статье, как вы уже догадались — речь пойдёт о графическом формате JNG, а отнюдь не об оружии. На хабре уже мелькали темы, касающиеся этого формата, однако их было не много, а некоторые, к сожалению, впоследствии были удалены авторами. Не смотря на то, что JNG не особо популярный формат и базируется на формате MNG, который, судя по всему, можно считать мёртворождённым, у JNG есть одно очень хорошее свойство – это высокая степень сжатия графики с потерями плюс начиие альфа канала.
По сути JNG представляет из себя подвид формата MNG (однако со своим маркером в заголовке, позволяющим отличать оба этих формата). Цветовые данные сохраняются в JPEG формате, а вот альфа может хранится в одном из двух вариантов – либо тоже сжатая при помощи JPEG, как картинка в оттенках серого, либо используя такое же как в PNG — сжатие без потерь.
Где может пригодится JNG? Для меня он больше всего подошёл для хранения текстурных атласов в мобильных играх. Небольшой пример – исходный набор графики от игры весил 57 мегабайт, после замены всех png на jng – набор графики стал весить 15 мегабайт. Неплохой выигрыш для мобильной игры. Поиск других областей, где можно применить jng оставлю на усмотрение читателя, я же опишу чем смотреть, чем создавать а также как грузить (с примерами кода на C/C++) картинки в формате JNG, а также немного теории об его устройстве.
Пакетная обработка и загрузка изображений товара в интернет-магазин
2012-09-13 в 7:53, admin, рубрики: cms, phpshop, Блог компании PHPShop Software, загрузка картинок, обработка прайс-листов, создание интернет-магазина, электронная коммерция, метки: phpshop, загрузка картинок, обработка прайс-листов, создание интернет-магазина Как известно, загружать изображения к товару можно по одной штуке. Однако, когда имеется множество изображений к товару, штатный процесс поштучной загрузки изображений потребует очень много времени. Специально для пакетной загрузки и обработки изображений, была создана бесплатная утилита Price Loader.
Читать полностью »