Добавить в корзинуПозвонить
Найти в Дзене
Stepan.Burmistrov

🎨 Почему PNG и JPG выглядят по-разному? И как вообще удаётся “сжимать” изображение

🎨 Почему PNG и JPG выглядят по-разному? И как вообще удаётся “сжимать” изображение? Посмотрите на эти две картинки 👇 На одной пиксели выглядят чёткими и ровными. На другой — видны «грязные» переходы и потери значений цвета. Это не ошибка — это наглядная демонстрация того, как разные форматы сжимают изображение. 🟦 PNG — сжатие без потерь PNG хранит каждый пиксель точно таким, какой он есть. Если в оригинале пиксель был R:185 G:215 B:15 — ровно это и попадёт в файл. 🔹 PNG пытается уменьшить размер файла за счёт поиска повторяющихся паттернов. Например: если строка состоит из 100 одинаковых пикселей, PNG запишет это как: «100 раз повторить X». 📌 Важно: PNG не меняет цвета, не округляет значения, не подстраивает картинку «под глаз». Поэтому графика, логотипы, текст — выглядят идеально. 🟥 JPG — сжатие с потерями JPG работает хитрее. Он анализирует изображение и делает упор на то, что человек много чего всё равно не заметит. — разбивает картинку на маленькие блоки 8×8 пикселе

🎨 Почему PNG и JPG выглядят по-разному? И как вообще удаётся “сжимать” изображение?

Посмотрите на эти две картинки 👇

На одной пиксели выглядят чёткими и ровными.

На другой — видны «грязные» переходы и потери значений цвета.

Это не ошибка — это наглядная демонстрация того, как разные форматы сжимают изображение.

🟦 PNG — сжатие без потерь

PNG хранит каждый пиксель точно таким, какой он есть.

Если в оригинале пиксель был R:185 G:215 B:15 — ровно это и попадёт в файл.

🔹 PNG пытается уменьшить размер файла за счёт поиска повторяющихся паттернов.

Например:

если строка состоит из 100 одинаковых пикселей, PNG запишет это как:

«100 раз повторить X».

📌 Важно: PNG не меняет цвета, не округляет значения, не подстраивает картинку «под глаз».

Поэтому графика, логотипы, текст — выглядят идеально.

🟥 JPG — сжатие с потерями

JPG работает хитрее. Он анализирует изображение и делает упор на то, что человек много чего всё равно не заметит.

— разбивает картинку на маленькие блоки 8×8 пикселей;

— усредняет и упрощает информацию внутри каждого блока.

Проще говоря, JPG говорит:

«Зелёный тут чуть ярче, чуть темнее — человек не увидит.

Значит, можно хранить меньше данных».

📌 Именно из-за этого на увеличенном изображении JPG появляются:

• «квадратики»,

• смазанные края,

• грязные переходы.

💡 Чтобы понять, как компьютеры работают с пикселями, цветами и сжатием, приглашаю вас на мой курс по компьютерному зрению.

Мы изучаем всё — от основ обработки изображений до реальных алгоритмов и нейросетей, которые используют современные камеры и роботы. С большим количеством практических задач!

🎁 Скидка -30% по ссылке →

https://stepik.org/a/109816/pay?promo=88789683ff20a8df

💝 Хотите подарить курс? На странице оплаты нажмите «Подарить» и укажите e-mail получателя — всё остальное произойдёт автоматически.

#ComputerVision #CV #OpenCV #YOLO #MediaPipe #онлайнкурс #Stepik #ИскусственныйИнтеллект

-2