Какой файл больше весит jpg или png
Вот возник такой вопрос. Из-за чего происходит такая вещь, технически? Ведь в .jpg при сжатии наборот появляется множество пикселей разных цветов, в то время как в .jpg такого нет - граница между белым и зеленым состоит строго из пикселей двух цветов, не больше ни меньше.
Если возможно, хочу получить разжеванный ответ, а не ссылку на спецификацию обоих форматов :)
Jpeg - формат с потерей качества, - PNG формат без потери. Jpeg кодировщик выкидывает из картинки (сигнала) высокие частоты, за счет чего повышается коэф. сжатия.
Wedmak2
> Ведь в .jpg при сжатии наборот появляется множество пикселей разных цветов
Эти цвета не хранятся в файле, там хранится способ генерации картинки, который из-за погрешностей порождает лишние цвета.
Wedmak2
Формат JPG не хранит точной информации о каждом пикселе. В момент открытия такого файла картинка выстраивается по какому-то эвристическому алгоритму, где цвета пикселов определяются по среднепотолочному значению. Отсюда и малый размер и цветовые флуктуации.
Видимо понял, да. Спасибо за ответ )
Правка: вот теперь окончательно разобрался, в чем дело, спасибо! :)
Wedmak2
> Почему .jpg весит меньше чем .jpg?
какой ламер тебе это сказал? :)
тест форматов - вот пример когда это не так (они в архиве - настройки - дефолтные для пэйнта в 7-ой винде)
Super_inoy
А я по практике смотрю :) У меня .jpg чаще всего используется, но иногда то же приходится сохранять в .jpg
Wedmak2
> А я по практике смотрю :)
ну естественно я подобрал вариант когда пнг зарулит, зная разницу. но де факто, во многих случаях (мультипликационная рисовка с большими однотонными областями) использовать PNG нужно. Проигрыш в размере в таком случае будет несущественный, а выйгрыш в качестве. миллиарды раз :)
Super_inoy
> Проигрыш в размере в таком случае будет несущественный, а выйгрыш в качестве.
> миллиарды раз :)
вполне возможно что и выигрыш будет, как уж архиватор схавает.
Почему никто из ведущиx специалистов тута до сих пор не сказал что сжатие жипег использует wavelets?
dave
> Почему никто из ведущиx специалистов тута до сих пор не сказал что сжатие жипег
> использует wavelets?
Наверно, потому что сжатие jpeg не использует wavelets, а использует idct преобразование.
Растровый графический формат PNG, набирающий всё большую популярность в эпоху веб 2.0, появился в далеком 1995 году как замена старому доброму GIF (и, частично, TIFF). К тому времени хозяева запатентованного GIF'а решили сбивать четырёхзначные суммы со всех разработчиков, использующих формат, и свободному сообществу ничего не осталось кроме как предложить бесплатную альтернативу.
- Полноценная поддержка alpha-transparency – прозрачности. Позволяет сделать участки изображения прозрачными и полупрозрачными.
- Качественный алгоритм сжатия без потери качества. Похожий на LZW, но немного эффективнее.
- Возможность черезстрочной развёртки, причем (в отличии от GIF) как по вертикали, так и по горизонтали одновременно.
- Встроенная гамма-коррекция. Позволяет прикрепить к изображению настройки его отображения, для того чтобы на разных мониторах изображение отображалось точно так же, как и у автора.
PNG vs GIF
Так как PNG-24 использует полную палитру цветов, сравнивать его с GIF довольно сложно. PNG-8 с его индексной палитрой здесь более схож. Приведу скриншоты для сравнения:
Практика (как и мнение коллег) показывает, что простые небольшие изображения GIF сжимает лучше. Но, когда речь заходит о больших изображениях, GIF всё же остаётся позади.
Кроме того, ещё одно немаленькое преимущество: на самом деле, вопреки распространённому мнению, PNG-8 тоже может использовать полноценный альфа-канал, как и PNG-24. Просто Photoshop его не поддерживает, поэтому Сергей Чикуенок из студии Лебедева рекомендует использовать Adobe Fireworks, чем я и решил заняться (Об этом немного позже).
PNG vs JPEG
А в этой битве, если прозрачность нам не нужна, PNG проигрывает, так сказать, на «среднем сегменте рынка». Хотя, если прилинковать к JPEG'у ICC-профайл, разница в объёме становится незаметной. Мои замеры приводились на – JPEG 100%. А при меньшем качестве (с не особо заметной для глаза разницей) сравнение, к сожалению, становится ещё более печальным.
В общем, смотрите сами:
UPD А вообще, результаты значительно зависят от самого изображения: PNG лучше сжимает градиенты и однотонные участки, но для фотографий лучшее сжатие даёт JPEG. Хотя, говорят (самому с трудом верится), на больших фотографиях PNG и тут лидирует – проверено только что в процессе конвертирования скриншотов к статье (PNG против JPEG-70% – выигрыш раза в полтора).
Жизнь после Photoshop'а или сжимаем дальше
Во многих ситуациях PNG остаётся вообще незаменимым, так как прозрачность нормально не поддерживается ни одним из альтернативных веб-форматов, а какой простор он открывает дизайнерам и верстальщикам… UPD Кроме того, с учётом специфики формата, для элементов дизайна в вебе – это, наверное, лучшее решение.
Гуглим и качаем – PNGOut. Программка около 1.5 Мб с минимальным количеством настроек позволяет прогонять (в том числе пакетно) PNG-файлы со сжатием.
На пакете иконок (90 файлов с прозрачным фоном без особых наворотов) выигрыш в объёме составил в среднем около 10-15%. Не особо, конечно, впечатляет. Но для рассмотренных выше файлов-примеров процент сжатия колебался от 10% (большой постер без прозрачности) до 72% (полупрозрачные прямоугольники). Так что, попробовать стоит, тем более работа с утилитой много времени не занимает.
- OptiPNG – не имеет графической оболочки и работает из командной строки. По непроверенным данным процент сжатия меньше. UPD но её пользователи утверждают обратное.
- Pngcrush – сам не пробовал, говорят «пытается оптимизировать файл всеми доступными способами», но главное ведь не «как пытается», а «как оптимизирует».
- и ещё ряд утилиток просто вычищающих служебный мусор из файлов.
Adobe Fireworks
Честно говоря, Adobe Fireworks стал для меня настоящим открытием: PNG-8, PNG-24 и PNG-32 + куча настроек!
3 версии формата в AF:
PNG-24 и PNG-32 я подробно не рассматривал. Насколько я понял, в их терминологии 32 – с альфа-каналом, а 24 – без. По предварительным прикидкам Photoshop справляется с этй задачей лучше.
А вот PNG-8 разбил все мои (и большинства коллег) стереотипы. Итоговый файл гораздо меньше GIF'а и существует полноценная поддержка прозрачности двумя способами: alpha и index transparency. Единственным минусом по сравнению с PNG-24 остаётся индексная палитра, хотя всё зависит от потребностей. Моё личное мнение – PNG-8 в большинстве случаев уделывает и GIF, и PNG-24.
PNG против GIF в AF, хотя как раз с привычными GIF-JPEG Fireworks работает по умолчанию не очень (с настройками я не игрался). Но даже в сравнении с Photoshop'овским результатом разница в пользу PNG:
И вот всё разнообразие PNG-8 — ради этого стоит устанавливать Adobe Fireworks:
Для сравнения: тот же файл стараниями Photoshop весил 3 188 байт против полученных теперь 450, то есть раз в 6 больше.
Вердикт
По-моему, GIF своё уже отжил. Теперь его существование – в первую очередь вопрос инертности общества. UPD Впрочем, сегмент разных анимационных приятностей Всё рано пока остаётся за GIF :).
Для прозрачных элементов дизайна стоит использовать PNG-8 (реже PNG-24, когда палитры PNG-8 недостаточно для сохранения изображения без потерь).
Для фотографий и сложных графических элементов лидером по-прежнему остаётся JPEG из-за мощных возможностей оптимизации изображения. Хотя в некоторых случаях может оказаться достаточно и PNG-8 – как и раньше, с GIF'ом, смелые эксперименты – залог успеха. UPD Но для действительно больших изображений всё же JPEG проигрывает.
Всем веб-дизайнерам и верстальщикам рекомендую устанавливать Adobe Fireworks и взглянуть на PNG в новом ракурсе.
UPD Я действительно не специалист и обзор писался на коленке, о чём говорит эпитет «краткий»; возможно, не на лучших примерах. Поэтому спасибо всем, кто принял активное участие в обсуждении, особенно kmike и @merlin_rterm. В процессе узнал для себя много нового, в частности, специфику сжатия PNG и что JPEG-100 все равно с потерей качества. Большая часть этих интересностей добавлены прямо в тексте статьи, для того, чтобы не отрывать их от контента.
Обновил иллюстрации. К сожалению, сервис, на котором размещены картинки, не хранит PNG, всё равно конвертируя его в JPEG. Но теперь, по крайней мере, качество лучше. Ещё раз повторюсь – моей целью не было сравнивание артефактов, а только килобайты и ещё раз килобайты итоговых файлов.
Ну. Если ты будешь вставлять на сайт картинке в разрешении PNG, то спасибо тебе не скажут. Это влияет на загрузку сайта, для сайта- чем меньше размер, тем лучше, надо максимально снизить нагрузку. формат PNG приминим там, где вес не имеет значения, это соц. сети ( например ). В общем наполнение , содержание сайта - jpg. PNG формат, где доступен альфа-канал, jpg автоматически заполнит тебе "прозрачный" слой белым. В общем если глобально смотреть, то как то так.
Типичные примеры использования:
JPG — фото, иллюстрации без прозрачности, где важны цвета, переходы, оттенки и т. п. В таком случае JPG выигрывает у других форматов в плане соотношения качество/цветность/размер. Так себе для контрастных схем и текстов.
PNG — фотографии, схемы, графические элементы с прозрачностью, всякие вылетающие за границы элементы, где относительно много цветов (фото людей, инопланетян и т. п.). При соотносимом с JPG размере файла, PNG содержит гораздо меньше цветов, а сравнимые с JPG по количеству цветов файлы PNG будут весить очень много (поэтому для фото используют JPG). Если дело доходит до схем и текстов, PNG предпочтительнее JPG в силу отсутствия артефактов на контрастных краях.
GIF — анимации. Ну тут вообще отдельная песня. Ему на смену пророчат APNG и MP4, но воз и ныне там.
P. S. Я не могу описать все случаи, бывают уникальные, так как процесс выбора формата зависит от контента вашего изображения. В каждом конкретном нетипичном случае — думайте сами. К примеру, если векторная иллюстрация весит много, то есть смысл перевести её в JPG или PNG. Иногда SVG-иконка может весить в разы больше её PNG-аналога (при одинаковом фактическом размере использования, например, 100 на 100 пикселей при 1:1 размере viewport к физическому разрешению экрана) — тут многое зависит от методов и качества создания таких иконок. Как правильно отметил @Adamosу, иногда затраты на рендеринг SVG (на стороне клиента) не окупают его преимуществ, и приходится использовать растровые изображения. Ну и т. д… Особенностей использования форматов — куча.
P. P. S. Почитайте о Retina, ибо нет никакого «для ретины следует юзать JPG».
Предположим, вы только что завершили дизайн-проект, собираетесь сохранить файл, и в этот момент нужно выбрать правильное расширение для файла. Если вы не понимаете разницы между этими форматами, то будет достаточно сложно выбрать из них подходящий, но сегодня мы решили помочь вам, и объяснить одну простую вещь:
Как узнать о проблеме с размером картинок?
Нужно протестировать сайт при помощи Google PageSpeed Insights :
Давайте рассмотрим три основных аспекта оптимизации изображений для сайта, чтобы увеличить производительность:
В завершение
Если вам важна скорость работы сайта, то при использовании сервисов оптимизации изображений обязательно нужно следить за размером картинок.
Как уже было отмечено выше, эти требования и правила не относятся к сервисам архивирования изображений ( в которых предусмотрены встроенные меры защиты, и которые автоматически генерируют низкокачественные миниатюры исходных файлов в высоком разрешении ).
Это также не касается случаев, когда вы продаете высококачественные фотографии на стоках или прямо с личного сайта. Но если вы ведете портфолио и необходимо представить результаты собственного труда, то вам точно пригодятся эти советы по оптимизации картинок.
2. Качество картинок и уровень их сжатия
А) Экспорт JPG-изображений
Если вы используете в качестве программы для оптимизации изображений Adobe Lightroom , то не нужно экспортировать изображения в 100% качестве. Попробуйте выбрать между 60-70%. Это все равно даст приемлемый результат и позволит существенно уменьшить вес файла:
Если качество будет ниже, то повышается вероятность появления шумов или « лесенок » на изображении. Взгляните на результаты эксперимента, который я проводил при экспорте изображений с различным уровнем качества:
Та же практика применима и при экспорте изображений из Adobe Photoshop .
К тому же, если вы используете последнюю версию Photoshop CC , то не забудьте попробовать новую опцию экспорта, которая находится в меню File > Export > Export As… ( Файл > Экспорт > Экспортировать как …):
При оптимизации изображений для web постарайтесь определить наиболее оптимальный уровень сжатия. Многих вполне устраивает результат, который получается при 60-70%.
Б) Используйте форматы PNG/SVG/GIF для графики со сплошными цветами
Часто в оформлении сайта кроме фотографий будут присутствовать и другие графические элементы: логотип, иконки, скриншоты или баннеры.
Любые элементы графики, которые состоят из сплошных цветов ( которые вы создаете в Photoshop или других инструментах ), лучше всего сохранять в форматах PNG , SVG и GIF .
В качестве примера я использую одно из изображений, которое приводил ранее в этой статье:
Всегда старайтесь использовать форматы изображений PNG и GIF , если есть возможность получить меньший вес файла по сравнению с JPG .
Но это подходит исключительно для пакетной оптимизации изображений графических элементов со сплошными цветами. Если опробовать тот же метод на обычной фотографии, то JPG даст лучший результат:
Конвертируем разные типы файлов
В процессе работы над дизайном печатной продукции, вам, возможно, придется прыгать от одного формата к другому. Иногда нужно поместить JPG -фотографии и EPS -логотип в общий проект, работа над которым ведется в PSD -файле в Photoshop .
Хорошо то, что у каждого формата изображений есть сильные стороны, и опытный дизайнер знает, как из них извлечь выгоду. Велика вероятность, что один и тот же элемент дизайна понадобится вам в разных форматах: основной исходник логотипа будет храниться в EPS -формате, его PNG -версия будет использоваться на сайте, а анимированная GIF -версия припасена для особых случаев.
При помощи Photoshop и Illustrator вы можете сохранять и конвертировать изображения практически в любые форматы. Но стоит отметить, что сохранение картинки с низким разрешением в какой-то специфический формат не поможет вам улучшить его качество. А вот сохранение высококачественного изображения в формат с использованием сжатия приведет к потере качества.
Конвертировать векторное изображение в растровое очень просто – нужно указать желаемый растровый формат при сохранении. Однако такое действие сожмет векторы в пиксели, а это значит, что вы больше не сможете « безболезненно » масштабировать сохраненное изображение, поэтому мы рекомендуем на всякий случай оставить копию исходного файла.
Конвертирование растрового изображения в векторное – это целая наука. Нет простого способа конвертировать пиксели растрового изображения в формулы, генерирующие векторы. Самый проверенный способ – это просто перерисовать картинку при помощи векторов.
Представляем вашему вниманию действенные советы по оптимизации изображений, которая позволит ускорить работу сайта. Сегодня мы рассмотрим такие темы, как размеры изображения, типы файлов, уровни компрессии, а также дадим некоторые рекомендации по подбору инструментов.
Что же касается сайтов, посвященных фотографии, то здесь наиболее тормозящим фактором являются изображения, в каком бы размере и разрешении они ни были. Поэтому важно уделять отдельное внимание размеру ваших изображений и их оптимизации.
Другие форматы
PDF -формат от Adobe идеально подходит как для печатной продукции, так и для цифрового использования. Это формат, с которым « справится » любой клиент, и который без проблем можно распечатать на принтере. В PDF -документ можно поместить как растровые, так и векторные изображения, или даже комбинировать их в едином документе.
Конечно, придется сильно постараться, чтобы качественно отобразить содержимое PDF -документа на странице сайта, однако можно реализовать его скачивание. Этот формат также идеально подходит для отправки клиентам превью финального результата.
Однако PDF больше подходит для печатных продуктов вроде книг, брошюр или листовок.
1. Размер изображений (в пикселях)
Независимо от формата ( JPG, PNG, GIF, TIF и т. д .), не рекомендуется загружать на сайт изображения в высоком разрешении.
Исключением может быть ведение архива защищенных изображений. В остальных случаях мы не рекомендуем использовать изображения в максимальном разрешении ( например, для портфолио или в блогах ).
А) Слайд-шоу во всю ширину окна
Для слайд-шоу во всю ширину экрана ( которые автоматически растягиваются на все окно браузера ) я рекомендую использовать изображения не более 2560 пикселей в ширину.
У картинок может быть любая высота, и при этом будет сохраняться соотношение сторон. Также для слайд-шоу на всю ширину экрана следует сохранять исходное соотношение сторон, а для небольших слайд-шоу лучше использовать слегка обрезанные изображения ( например, в соотношении 3:1 ).
Посмотрим, как это выглядит на примере одного из сайтов:
Б) Маленькие изображения / миниатюры
Определите, миниатюры какого размера используются на сайте ( при помощи встроенного в браузер инспектора или с помощью создания скриншота и последующего замера в любом графическом редакторе ).
К примеру, на этом сайте размер миниатюр, расположенных под основным слайдером, составляет 320 на 214 пикселей:
Если взглянуть внимательнее, можно увидеть, что разработчики сайта решили использовать изображения в два раза больше указанного размера ( то есть, их ширина составляет не 320, а 640 пикселей ). Это необходимо, чтобы на экранах повышенного разрешения типа Retina они смотрелись четко:
В) Большие изображения в лайтбоксах
При оптимизации изображений, если нужно увеличивать их на экране ( например, показывать их в лайтбоксе после клика по миниатюре ), то старайтесь не делать их шире 1500 пикселей. При этом максимальная высота должна составлять 800-900 пикселей.
Это позволит сохранить относительно небольшой вес файлов, и гарантировать плавную прокрутку изображений в слайд-шоу:
Растровые и векторные изображения
Чтобы действительно понять разницу между типами изображений, для начала нужно выяснить, чем отличаются растровые изображения от векторных.
Растровые изображения состоят из пикселей, и могут быть выражены в чем угодно: от простых иллюстраций до комплексных изображений вроде цветных фотоснимков.
Так как растровые изображения состоят из фиксированного набора пикселей, при их масштабировании не избежать потери качества, особенно если их увеличивать. Они зачастую используются в качестве финального продукта, готового к отправке в печать или к публикации на сайте.
Векторные изображения на самом деле являются не совсем изображениями, – это нечто вроде математических формул, напрямую взаимодействующих с компьютером, сообщая ему координаты фигур, которые нужно отобразить. Благодаря этому, векторные изображения можно масштабировать без потери качества, так как формула просто-напросто подстраивается под необходимые размеры конечного рисунка.
Векторные изображения используются для создания текстов и логотипов, и они не способны отобразить комплексные графические продукты вроде фотографий. Обычно они используются как рабочие файлы, которые позже конвертируют в растровые изображения для сайтов. Но с их помощью также можно разрабатывать графику для последующей печати:
Форматов изображений много, но важны лишь некоторые из них
Существует одно главное правило – для каждой задачи предусмотрены свои форматы изображений. Существует множество различных форматов, с которыми вы никогда даже не столкнетесь, особенно если занимаетесь дизайном печатной продукции.
Постараемся выяснить, какие форматы изображений нам могут пригодиться.
Векторные форматы
EPS – стандартный векторный формат файлов, состоящий из многочисленных формул и чисел, за счет которых генерируется векторная иллюстрация. Это идеальный формат для тех элементов дизайна, которые обычно нужно масштабировать ( например, логотипы ).
Файлы в EPS -формате готовы к печати, однако, это не тот формат, который нужно использовать в веб-дизайне. Зачастую после утверждения дизайна страницы его составные элементы конвертируются в PNG, JPG и GIF .
Элементы дизайна, сохраненные в формате EPS , можно открыть в любом редакторе с поддержкой векторной графики. Следовательно, EPS больше подходит для обмена файлами с клиентами, печати на принтере или для совместной работы над проектом с другими дизайнерами.
AI – еще один брендовый векторный формат от Adobe , предназначенный для работы в программе Illustrator . AI -файл нельзя встраивать в веб-страницы, и это не тот формат, который используется для отправки проектов клиенту. Но он хорошо подходит для внутреннего использования и для печати.
Растровые форматы
Многие недолюбливают JPEG , но стоит отметить, что он просто не совсем подходит для печати. В JPG -формате используется сильное сжатие. Это хорошо, если требуется максимально уменьшить размеры файла, но это не совсем подходит с точки зрения качества картинки, которую вы собираетесь распечатывать. Поэтому этот формат нельзя использовать при создании, скажем, логотипов.
Именно благодаря маленькому размеру файлов, JPEG часто используется в веб-дизайне, так как это положительно влияет на скорость загрузки страниц. JPG -формат также широко используется для цифровых фотографий, так как потери в качестве незаметны, а благодаря меньшему размеру на флешке или жестком диске умещается гораздо больше снимков.
Учитывая все эти преимущества, JPG зарекомендовал себя в качестве «стандартного» формата для всего, что находится за пределами области дизайна. На практике вам наверняка придется столкнуться с клиентами, которые предоставят собственные логотипы в ужасном качестве или с теми, кто предпочитает работать исключительно с этим форматом, потому что знают только его. Сделайте все возможное, чтобы привлечь их внимание к другим, более подходящим, форматам.
Кажется, никто и никогда так и не произнес название этого формата правильно. Дизайнеры часто четко произносят первую букву G или диктуют все три буквы по очереди, однако его создатель, Стив Уилхайт , утверждает, что правильно произносить название как « джив ». Хотя его аббревиатура расшифровывается как Graphics Interchange Format (« формат для обмена изображениями »), а сам он главным образом используется в веб-дизайне.
Преимущество GIF ( которое также отличает его от остальных веб-форматов для изображений ) в том, что эти картинки можно анимировать.
Кроме того, GIF поддерживает прозрачность, что иногда позволяет существенно снизить вес файлов. Однако понятие маленького веса относительно, так как чем больше цветов используется, тем больше будет весить файл. Также важно учитывать количество кадров, так как каждый кадр также влияет на вес файла и увеличивает время загрузки веб-страницы.
Формат PNG совмещает в себе преимущества JPG и GIF , однако, у него есть четкие рекомендации к использованию. Как и JPG , PNG -формат идеально подходит для фотографий, и при этом позволяет сохранить даже лучшее качество снимков, чем JPG . PNG также поддерживает прозрачность, поэтому это почти идеальный вариант для дизайнеров, которым нужны прозрачные элементы, но при этом они не могут пожертвовать качеством графики.
Основной недостаток PNG - большой размер файла, а это отрицательно сказывается на скорости загрузки сайта. Этот формат лучше всего использовать выборочно для элементов, где требуется высокое качество, которое JPG и GIF не способны предложить ( например, высококачественные логотипы ). PNG также относится к растровым форматам изображений, поэтому при масштабировании таких файлов вы рискуете потерять качество.
TIFF ( иногда TIF ) – формат файла без сжатия, а это значит, что при сохранении он вообще не подвергается компрессии. TIFF также поддерживает послойную структуру.
Этот формат зачастую называют « готовым к печати » хотя большинство принтеров лучше работают с родными типами файлов вроде AI и PSD .
Кроме того, TIFF слишком тяжелый формат для веб-дизайна. А размеры файлов могут отпугнуть неопытных клиентов, так что постарайтесь подготовить проекты в более распространенных форматах.
PSD представляет собой родной формат программы Adobe Photoshop . Это значит, что беспрепятственно редактировать эти файлы можно только в Photoshop .
PSD нельзя использовать на страницах сайта, и мы настоятельно не рекомендуем вам высылать клиентам превью дизайнов в этом формате. Однако он отлично подходит для последующей печати или для обмена файлами проектами с другими дизайнерами.
3. Дополнительная компрессия за счет инструментов и плагинов
Теперь вы готовы к загрузке картинок на сайт. Что дальше?
А) Плагины для WordPress
Если вы используете CMS WordPress , то вам повезло. Для этой системы управления контентом придумано множество полезных и удобных плагинов, которые сделают за вас практически любую работу. Они способны сжимать загруженные изображения без потери качества ради оптимизации веса файла.
Одними из популярных решений для оптимизации изображений WordPress являются Smush.it и Kraken , но я предпочитаю Imagify :
« Агрессивный » уровень сжатия данного плагина позволяет найти компромисс между качеством изображения и весом файла, но всегда есть возможность переключиться на « нормальный » режим оптимизации ( также без потери качества ).
Если у вас достаточно навыков в работе с WordPress , то я рекомендую провести массовую оптимизацию всех ранее загруженных изображений:
Если же нужна бесплатная альтернатива, то с некоторыми задачами отлично справляется плагин со странным названием Ewww plugin .
Б) Другие инструменты для компрессии изображений
Если вы не используете WordPress , то можете попробовать следующие программные и онлайн-инструменты:
- Imagify ( онлайн, есть бесплатные и платные опции );
- ImageOptim ( бесплатно, Mac );
- PNG Gauntlet ( бесплатно, Windows );
- Trimage ( бесплатно, Linux );
- JPEGmini ( $20, Mac и Windows ).
Выбираем правильные форматы изображений
Классификация основных типов файлов, используемых в печати и веб-дизайне, подразумевает нечто большее, чем простое разделение на вектор и растр. Как растр, так и вектор – это лишь два крупных семейства, которые насчитывают множество различных форматов изображений с разными преимуществами, недостатками и предназначением.
Читайте также: