No Image

Что и какой формат лучше jpg или png спорный вопрос, разберемся

СОДЕРЖАНИЕ
9
09 февраля 2019

png или jpg противостояние
Привет всем на блоге. В общем в данной статье хочу развеять миф про два данных расширения для картинок, это jpg и png лучший из них пока не найден. Все дело в том что и то и другое в зависимости от применения и от самой фактуры может повлиять на скорость сайта, и оптимизацию. Что маленько поставил вас в тупик? Тогда читаем дальше.

Два формата png и jpg в чем отличия.

Вроде картинка и что тут такого, но дело все в цветах. Формат jpg самый распространенный, потому что по сравнению с другими:

  1. Весит меньше (но это вопрос спорный увидим дальше).
  2. Легко поддается сжатию.
  3. Высокое количество цветов в передаче.

Самый распространенный формат png-8 в сайтостроении, потому что по сравнению с его собратом png-24, имеют колоссальную разницу в размере файла, поэтому второй применяется очень редко.

Основное различие двух форматов что jpeg это стационар и цвета из него уже не вытянешь, чтобы убрать лишние, и тем самым понизить объем картинки, и что у jpg нет прозрачного фона этот формат его не поддерживает.

Разрушаю мифы.

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

Как правильно формат выбрать?

Смотрите для примера давайте я возьму картинку предположим нашего российского флага.

флаг

Я все операции буду рассматривать на примере фотошопа, так легче. Специально выбрал большой размер и малоцветный, всего три цвета, а теперь я хочу его сохранить, смотрите что происходит, для начала возьму jpg формат.

png и его достоинства

А вот что если я его сохраню в png.


сжатие jpg и его недостатки

Размер уменьшился в 6 раз почти. Я ничего не делал лишь задал минимально число цветов, просто супер я думаю. Этот способ подойдет для тех кому не принципиальна цветопередача, как у меня на блоге, все скриншоты именно так сделаны, выставляю минимум цветов, чтобы было читаемо и все нормально.

Вот этот момент и надо сканировать, это касается не только сайтов. Размер на жестком диске не резиновый, у моей мамы фотки и картинки по работе вообще 246 гигов занимают, и она удивляется почему так много и не хватает места. Просто надо пользоваться моим методом и все.

Разумеется если картинка многоцветная со множеством цветов и тенями, то png не поможет, и тогда я советую пользоваться программой riot

Мои дальнейшие советы.

  • Пересмотреть все изображения на блоге и выбрать какой формат лучше jpeg или png применить для разного рода картинок. Даже те которые уже сжимали и оптимизировали, потому что их можно еще больше урезать, и не потеряв при этом качество.
  • При написании новых статей, оценивать этот момент, знаю что времени уйдет больше, но скорость загрузки страницы увеличиться.
  • Использовать программу риот, про которую говорил выше, либо воспользоваться вот этим сервисом для сжатия jpg.
  • Не лениться потому что это и в правду нужно.

И дела у вас займут на две минуты больше, а пользы будет целый вагон с маленькой тележкой.

Ну что как вам статья, я думаю на некоторые вещи я вам открыл глаза, о которых вы даже и не знаете, так что применяйте и пользуйтесь, всем пока пока, жду вас в комментариях.

Источник
Комментировать
9
  • http://usvinternet.ru/ Андрей

    Программу Riot уже оценил и пользуюсь ей с момента выхода статьи с обзором.
    Правильно говоришь, уходит пару минут для прогона изображения через неё и на выходе картинка с малым весом.

  • http://ozog.ru Руслан

    Я также пользуюсь программой Riot ,спасибо.
    У меня как-то все картинки – jpg, такие попадаются… :twisted:

    • https://wpsovet.ru Лифанов Валентин

      Для jpeg риот подходит классно.

  • http://moikomputer.ru Валерий

    Насколько я заметил для фотографий лучше подходит формат для сжатия jpg в том же фотошопе, для скриншотов png-8.

    • https://wpsovet.ru Лифанов Валентин

      Ну смотря какой скриншот :)

  • http://tytvkysno.ru Лидия (tytvkysno.ru)

    Я как раз занялась сжатием изображений на сайте. Плагином это сделать не удалось. Приходится каждую картинку сначала скачивать, потом сжимать в программе Paint и сохраняю в формате JPEG.

    • https://wpsovet.ru Лифанов Валентин

      Для jpeg берете riot и дело в шляпе.

  • http://internetvork.ru Артем

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

    • https://wpsovet.ru Лифанов Валентин

      Зато научились, потом все быстрее будет.