В чем разница между форматом jpg и jpeg?

В век повсеместной компьютеризации даже непрофессионалы постоянно используют различные изображения для соцсетей, презентаций на работе и семейных фотографий. Мы привыкли к фотошопу и научились работать с разными форматами файлов-изображений: *.png, *.psd, *.tif, *.cpt., и даже понимаем их отличия и где какой вид файлов лучше всего использовать. Существует, однако, два самых распространенных фотоформата, разница между которыми нам непонятна: jpg и jpeg. А ведь мы используем их очень часто, и разница только в одной букве. Интрига… Попробуем в этом разобраться.

Что представляют из себя jpg и jpeg

• С разрешением файлов jpeg впервые познакомились пользователи компьютеров компании Macintosh, так любимых дизайнерами. Появился этот графический формат в 1991 году. В настоящее время используется во всех самых современных устройствах (смартфоны, фотокамеры) для сохранения изображений. Формат специально был создан Joint Photographic Experts Group для хранения цифровых фотографий. Он поддерживает более 16 млн.цветов (система TrueColor) в цифровой модели RGB, что способно обеспечить глубину цвета 24 бит\пиксель и контрастное разрешение. Для более компактного хранения изображения алгоритм просчитывает «избыточность» картинки, сравнивая соседние пиксели. Эта операция нужна для настройки коэффициента сжатия изображения с минимальными потерями в качестве. Фишка формата — возможность настраивать процент сжатия для нахождения баланса между размером файла и качеством изображения. Его основной вектор развития, улучшение алгоритма сжатия изображения с минимумом потери качества.
• Пользователи MS DOS и Windows больше знакомы с расширением jpg. Появился этот формат просто: эти системы, в отличии от Macintosh, ограничивали число возможных символов в расширении файла тремя символами. Из расширения jpeg исчезла буква «е», зато пользователи более передовой операционной системы Windows получили возможность использовать этот удобный формат. В более современных версиях Windows избавилась от этих ограничений, но расширение jpg осталось наравне с полным jpeg.

Что общего между ними

По факту это практически один и тот же формат сохранения графики, они полностью взаимозаменяемы. Оба эти формата стали стандартными для самых популярных программ обработки изображений Adobe Photoshop и Microsoft Paint. Способность этих форматов сжимать изображение до 15% без потери качества широко используются для онлайн-графики. Меньшие размеры картинок ускоряют загрузку страниц сайтов. У алгоритма сжатия с потерями, используемого в этих форматах, есть существенных недостаток. Алгоритм основан на неточных приближениях и потери при сжатии являются необратимыми.

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

psd и cpt и сохраняют в jpg конечный результат для уменьшения размера файла. Это необходимо для загрузки картинки в интернет, пересылке фотографий почтой или в мессенджерах, для экономии места на диске и в других случаях, когда «размер имеет значение».

Технически JPEG и JPG одинаковы и практически все современные устройства и программное обеспечение считывают и позволяют использовать оба расширения. Они незаменимы и удобны при сохранении фотографий и картин с реалистичными изображениями и плавными переходами цвета.

Для сохранения каких изображений JPEG и JPG не подходят?

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

А есть ли разница между JPEG и JPG?

Все-таки есть:

1. JPEG — алгоритм сжатия, предназначенного для сохранения фотографий и графики, и как алгоритм, может использоваться в разных графических форматах. JPG — частный случай этого формата.
2. JPEG стремиться максимально сжать исходный файл, что приводит порой к значительной потере данных и, как следствие, искажениям изображения. JPG «весит» несколько больше JPEG, но и потеря качества при этом меньше.
3. JPEG не поддерживается старыми версиями MS DOS и Windows из-за ограничения возможного количества символов в расширении, обозначающем формат файла. Это расширение файлов не поддерживается также некоторым старым софтом.

Можно ли изменить Jpg на Jpeg и обратно? Без проблем и без всяких конвертеров фотоформатов — достаточно добавить или, наоборот, убрать в расширении файла букву «е».

HEIC против JPG: в чем разница

Файлы JPG есть везде. Если вы наткнулись на изображение в Интернете или офлайн, вы, вероятно, смотрите на него. Формат JPG (или JPEG) существует с 90-х годов, и на протяжении многих лет он продолжает обеспечивать правильный баланс между размером файла, качеством изображения и совместимостью.

HEIC (сокращение от High-Efficiency Image Container) — новинка на рынке. Он приобрел популярность после того, как Apple впервые применила его в iOS 11 и macOS High Sierra. HEIC использует последние достижения в технологии сжатия и заменяет JPG в качестве формата захвата фотографий по умолчанию для iPhone.

Несмотря на то, насколько широко распространен JPG, у Apple были веские причины принять вместо этого формат HEIC. Ниже мы углубимся и исследуем наиболее общие различия между HEIC и JPG и почему Apple выбрала HEIC.

HEIC vs. JPG — Хранение

Как следует из названия, HEIC очень «эффективен» при сжатии изображений. Это вариант HEIF (высокоэффективный формат изображения) и использует HEVC (высокоэффективный видео-контейнер) или Стандарты сжатия видео H.265 для кодирования изображений.

На WWDC 2017 Крейг Федериги из Apple показал, что HEIC предлагает вдвое большее сжатие по сравнению со стандартным изображением JPEG. Это не преувеличение. В наших тестах на iPhone мы обнаружили, что HEIC постоянно сжимает изображения на 40-50% по сравнению с аналогичными изображениями, снятыми в формате JPEG.

Например, типичная сцена JPEG, которая приводит к файлу 2,0 МБ, будет занимать только примерно половину этого изображения в формате HEIC. Это позволяет хранить почти вдвое больше фотографий на том же пространстве.

Apple уделяет особое внимание экономии места, поэтому вы можете не увидеть такие же уровни сжатия в изображениях HEIC (или HEIF), снятых вне iPhone, например, с Canon EOS-1D X Mark III. Но итоговые файлы все равно должны быть намного меньше, чем унаследованные файлы JPEG.

HEIC vs. JPEG — качество

HEIC использует большое количество сжатия для получения файлов меньшего размера. Но вот определяющий фактор; он также соответствует формату JPEG с точки зрения визуального качества. Поместите изображение HEIC и изображение JPEG рядом, и вы не заметите разницы.

Формат HEIC также технически превосходит формат JPG по следующим параметрам:

• Улучшены блики, детали в тенях и полутона.
• Расширенный динамический диапазон
• 16-битные цвета (в отличие от 8-битного цветового профиля JPEG)
• Информация о глубине
• Прозрачность
• Неразрушающие правки

Вышеуказанные функции применимы к формату HEIF в целом и не обязательно к варианту HEIC изображений, снятых на iPhone. Например, камеры смартфонов Apple могут снимать изображения только в 10-битном цвете. Тем не менее, вы получаете потрясающе выглядящие изображения при размере файла в два раза меньше.

HEIC также намного лучше справляется с захватом последовательностей изображений. С Живые фотографии Appleнапример, формат может сохранять небольшие различия в кадрах вместо захвата отдельных изображений. С другой стороны, версия Live Photo в формате JPG включает неподвижное изображение и 3-секундный видеоклип MOV, который занимает больше места для хранения.

HEIC vs. JPG — Совместимость

Любой iPhone или Mac под управлением iOS 11 или macOS High Sierra может открывать изображения HEIC. Большинство платформ вне экосистемы Apple также поддерживают этот формат. Но здесь задействовано множество звездочек.

В Windows 10, например, вы должны скачать соответствующие кодеки отдельно от Microsoft. Однако из-за проблем с лицензированием кодек HEVC, необходимый для декодирования изображений HEIC, стоит 0,99 доллара.

В идеале Windows 10 также должна работать на процессоре Intel 6-го поколения или новее для аппаратного декодирования изображений HEIC. В противном случае программное декодирование может привести к проблемам с производительностью.

Что касается Android, только смартфоны с Android Pie 9 или более поздней версии могут открывать изображения HEIC. Эта проблема; есть еще много устройств, которые не могут быть обновлены до Android Oreo 8.

К счастью, Apple учла проблемы совместимости с iPhone.

Если вы попытаетесь загрузить или прикрепить изображение HEIC к собственным или сторонним приложениям (например, Mail), iOS автоматически преобразует его в JPG.

Ваш iPhone также должен конвертировать файлы HEIC в JPG при копировании их на ПК (или на несовместимый с HEIC Mac) через USB вручную. Вы можете найти настройку, которая управляет этим, в разделе «Настройки»> «Фото»> «Перенести на Mac или ПК».

С другой стороны, более новые версии программного обеспечения для редактирования фотографий, такие как Adobe Lightroom, GIMP и Pixelmator, начали поддерживать формат HEIC. Это должно помочь ему со временем обрести большую тягу.

Что лучше?

HEIC — превосходный формат почти во всех отношениях. Вы получаете изображения невероятно меньшего размера с почти, если не лучшим, качеством, чем JPEG.

У вас действительно есть проблемы с совместимостью. Но относительно легко конвертировать файлы HEIC в JPG по мере необходимости. На iPhone это должно происходить автоматически при обмене изображениями, даже если вы этого не заметите.

Еще можно вернуться к съемке в формате JPEG. Например, на iPhone перейдите в «Настройки»> «Камера»> «Форматы» и выберите «Наиболее совместимые», чтобы изменить настройку захвата камеры с HEIC на JPEG. Подобные параметры также должны присутствовать на других устройствах для захвата фотографий, поддерживаемых HEIC (или HEIF).

Если у вас нет серьезных проблем с совместимостью между вашими устройствами, мы рекомендуем использовать HEIC вместо JPG. Помимо экономии места, технические преимущества изображений HEIC могут сыграть важную роль в будущем. Другими словами, HEIC должен помочь вам сохранить ваши воспоминания в будущем.

отличия и особенности. Изменение Jpeg на Jpg или наоборот

Вам известна разница между JPEG, GIF, PNG и другими графическими форматами? Когда нужно использовать тот или иной формат, или какой лучше всего подойдет для сохранения фотографий? Ниже вы найдете ответы на все эти вопросы.

Вконтакте

Алгоритмы сжатия данных с потерями / без потерь

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

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

.RAW

Формат файлов, содержащий необработанную информацию, поступающую напрямую с матрицы полупрофессиональной и профессиональной фотокамер. Эти файлы не обрабатываются процессором камеры и содержат всю отснятую информацию в «сыром» виде. Размер таких файлов может превышать 25 МБ. Файлы RAW отлично подойдут для редактирования, однако из-за большого размера хранить их не слишком удобно.

.JPEG (JPG)

Это, пожалуй, самый распространенный графический формат. Обычно он используется для публикации в интернете фотографий и изображений с текстом. JPEG является TrueColor-форматом, то есть может хранить изображения с глубиной цвета 24 бит/пиксель. Данный формат может отображать более 16 млн цветов.

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

JPEG с высоким качеством (100). Размер 113 КБ

JPEG со средним качеством (50). Размер 59 КБ

JPEG с низким качеством (20). Размер 27 КБ

.GIF

Формат GIF (Graphics Interchange Format) не радует глубиной цвета (8 бит). Он может хранить сжатые без потери данных изображения в формате не более 256 цветов. Одной из особенностей GIF является поддержка анимации.

.PNG

Данный формат был разработан в качестве замены GIF. Расшифровывается PNG как Portable Network Graphics. В отличии от GIF, у PNG есть поддержка градаций прозрачности за счет дополнительного альфа-канала. Обычно на прозрачность указывает шахматный фон, как видно из расположенного ниже изображения.

Внешне файлы в формате PNG практически не отличаются от JPG-изображений. PNG сжимает данные без потерь. Если для вас важна прозрачность, лучше выбирать именно этот формат.

Форматы изображений можно разделить на три широкие категории:

• сжатие с потерями,
• сжатие без потерь,
• несжатых

Несжатые форматы занимают наибольшее количество данных, но они являются точными изображениями изображения. Растровые форматы, такие как BMP, обычно несжаты, хотя есть также сжатые BMP файлы.

Вы должны знать о нескольких ключевых факторах…

Во-первых, есть два типа сжатия: Lossless и Lossy .

Lossless означает, что изображение уменьшено, но не ухудшает качество. Lossy означает, что изображение сделано (даже) меньше, но в ущерб качеству. Если вы сохранили изображение в формате Lossy снова и снова, качество изображения будет становиться все хуже и хуже.

С индексированным это означает, что изображение может хранить только ограниченное количество цветов (обычно 256), которые выбраны автором изображения, с Прямой , это означает, что вы может хранить много тысяч цветов, которые не были выбраны автором.

BMP — Lossless/Indexed и Direct

Это старый формат. Это Lossless (данные об изображении не теряются при сохранении), но также практически никакого сжатия, что означает сохранение, поскольку BMP приводит к ОЧЕНЬ большим размерам файлов. Он может иметь палитры как Indexed, так и Direct, но это небольшое утешение. Размеры файлов настолько неоправданны, что никто никогда не использует этот формат.

Хорошо: ничего действительно. Существует не что-то, что BMP превосходит или не улучшается другими форматами.

GIF — Без потерь/Только индексирование

GIF использует сжатие без потерь, что означает, что вы можете сохранять изображение снова и снова и никогда не теряете никаких данных. Размеры файлов намного меньше, чем BMP, потому что хорошее сжатие фактически используется, но оно может хранить только индексированную палитру. Это означает, что в файле может быть только 256 различных цветов. Это звучит довольно мало, и это так.

Изображения GIF также могут быть анимированы и иметь прозрачность.

Хорошо для: Логотипы, чертежи линий и другие простые изображения, которые должны быть небольшими. Только на самом деле используется для веб-сайтов.

JPEG — Lossy/Direct

Изображения JPEG были предназначены для того, чтобы сделать как можно более подробные фотографические изображения, удалив информацию, которую человеческий глаз не заметит. В результате формат Lossy и сохранение одного и того же файла снова и снова будут приводить к тому, что с течением времени будет потеряно больше данных. У него есть палитра тысяч цветов, и это отлично подходит для фотографий, но сжатие с потерями означает, что это плохо для логотипов и линейных рисунков: они не только выглядят нечеткими, но и такие изображения также будут иметь больший размер файла по сравнению с GIF!

Хорошо для: Фотографии. Кроме того, градиенты.

PNG-8 — Lossless/Indexed

PNG — более новый формат, а PNG-8 (индексированная версия PNG) — действительно хорошая замена для GIF. Однако, к сожалению, у него есть несколько недостатков: во-первых, он не может поддерживать анимацию, как GIF (может, она может, но только Firefox, похоже, поддерживает ее, в отличие от анимации GIF, которая поддерживается каждым браузером). Во-вторых, он имеет некоторые проблемы с поддержкой старых браузеров, таких как IE6. В-третьих, важное программное обеспечение, такое как Photoshop, имеет очень плохую реализацию формата. (Черт вас, Adobe!) PNG-8 может хранить только 256 цветов, например GIF.

Хорошо для: Главное, что PNG-8 работает лучше, чем GIF, поддерживает Alpha Transparency.

Важное примечание: Photoshop не поддерживает Alpha Transparency для файлов PNG-8. (Черт вас, Photoshop!) Есть способы конвертировать PNG-24 в PNG-8 файлы, сохраняя при этом свою прозрачность. Один из методов — PNGQuant , другой — сохранение ваших файлов с помощью Fireworks .

PNG-24 — Lossless/Direct

PNG-24 — отличный формат, который сочетает кодировку Lossless с прямым цветом (тысячи цветов, как JPEG). Это очень похоже на BMP в этом отношении, за исключением того, что PNG фактически сжимает изображения, поэтому это приводит к значительно меньшим файлам. К сожалению, файлы PNG-24 по-прежнему будут намного больше, чем JPEG, GIF и PNG-8, поэтому вам все равно нужно подумать, хотите ли вы его использовать.

Несмотря на то, что PNG-24 позволяют тысячи цветов при сжатии, они не предназначены для замены изображений JPEG. Фотография, сохраненная как PNG-24, скорее всего будет по меньшей мере в 5 раз больше, чем эквивалентное изображение в формате JPEG, что очень мало улучшает видимое качество. (Конечно, это может быть желательным результатом, если вас не интересует размер файла и вы хотите получить изображение лучшего качества, которое вы можете.)

Как и PNG-8, PNG-24 поддерживает альфа-прозрачность.

Я надеюсь, что это поможет!

Обычно они либо:

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

Утраченное сжатие Лоссальные алгоритмы сжатия используют присущие ограничения человеческого глаза и отбрасывают невидимую информацию. Большинство алгоритмов сжатия с потерями позволяют изменять уровни качества (сжатие), и по мере увеличения этих уровней размер файла уменьшается. При самых высоких уровнях сжатия ухудшение изображения становится заметным как «артефакт сжатия». Изображения, приведенные ниже, демонстрируют заметное артефакты алгоритмов сжатия с потерями; выберите миниатюру, чтобы просмотреть полноразмерную версию.

Каждый формат отличается, как описано ниже:

JPEG Файлы JPEG (Joint Photographic Experts Group) — это (в большинстве случаев) формат с потерями; расширение имени файла DOS — JPG (другая ОС может использовать JPEG). Почти каждая цифровая камера может сохранять изображения в формате JPEG, который поддерживает 8 бит на цвет (красный, зеленый, синий) для 24-битного итога, создавая относительно небольшие файлы. Когда это не слишком велико, сжатие заметно не ухудшает качество изображения, но файлы JPEG ухудшают деградацию поколений при многократном редактировании и сохранении. Фотографические изображения могут быть лучше сохранены в формате без потерь JPEG, если они будут повторно отредактированы, или если небольшие «артефакты» (дефекты, вызванные алгоритмом сжатия JPEG) неприемлемы. Формат JPEG также используется в качестве алгоритма сжатия изображений во многих файлах Adobe PDF.

TIFF TIFF (Tagged Image File Format) — это гибкий формат, который обычно сохраняет 8 бит или 16 бит на цвет (красный, зеленый, синий) для 24-битных и 48-разрядных итогов соответственно, используя либо TIFF, либо имена файлов TIF. Гибкость TIFF — это и благословение, и проклятие, потому что ни один читатель не читает каждый тип файла TIFF. TIFF являются потерями и без потерь; некоторые предлагают относительно хорошее сжатие без потерь для двухуровневых (черно-белых) изображений. Некоторые цифровые камеры могут сохранять в формате TIFF, используя алгоритм сжатия LZW для хранения без потерь. Формат изображения TIFF широко не поддерживается веб-браузерами. TIFF по-прежнему широко используется в качестве стандартного файла фотографии в полиграфическом бизнесе. TIFF может обрабатывать цветовые пространства, специфичные для устройства, такие как CMYK, определенные конкретным набором чернил для печати. ​​

PNG Формат PNG (Portable Network Graphics) был создан как свободный, с открытым исходным кодом, преемник GIF. Формат файла PNG поддерживает truecolor (16 миллионов цветов), в то время как GIF поддерживает только 256 цветов. Файл PNG отличается тем, что изображение имеет большие, равномерно окрашенные области. Формат PNG без потерь лучше всего подходит для редактирования изображений, а форматы с потерями, такие как JPG, лучше всего подходят для окончательного распределения фотографических изображений, поскольку файлы JPG меньше, чем файлы PNG. Многие старые браузеры в настоящее время не поддерживают формат файла PNG, однако в Internet Explorer 7 все современные веб-браузеры полностью поддерживают формат PNG. Адаптация Adam7 позволяет раннее предварительное просмотрение, даже если передан только небольшой процент данных изображения.

GIF GIF (формат обмена изображениями) ограничен 8-битной палитрой или 256 цветами. Это делает формат GIF подходящим для хранения графики с относительно небольшим количеством цветов, таких как простые диаграммы, формы, логотипы и изображения в стиле мультяшного стиля. Формат GIF поддерживает анимацию и по-прежнему широко используется для обеспечения эффектов анимации изображения. Он также использует сжатие без потерь, которое более эффективно, когда большие области имеют один цвет и неэффективны для подробных изображений или затухающих изображений.

BMP Формат BMP файла (растровое изображение Windows) обрабатывает графические файлы в ОС Microsoft Windows. Как правило, файлы BMP несжаты, поэтому они большие; Преимуществом является их простота, широкое признание и использование в программах Windows.

Использование для веб-страниц/веб-приложений

Ниже приведен краткий обзор этих форматов изображений при использовании их с веб-страницей/приложением.

PNG отлично подходит для IE6 и выше (для обеспечения прозрачности работы потребуется небольшой CSS-патч). Отлично подходит для иллюстраций и фотографий. JPG отлично подходит для фотографий в Интернете. GIF хорош для иллюстраций, когда вы не хотите переходить на PNG BMP не следует использовать онлайн в веб-страницах — тратит трафик

Так как другие рассмотрели различия, я порадую использование.

TIFF обычно используется сканерами. Он делает огромные файлы и на самом деле не используется в приложениях.

BMP несжатый, а также делает огромные файлы. Он также не используется в приложениях.

GIF использовался повсюду в Интернете, но он не понравился, поскольку он поддерживает только ограниченное количество цветов и запатентован.

JPG/JPEG в основном используется для любого качества фотографии, но не для текста. Используемое сжатие с потерями имеет тенденцию к резким линиям.

PNG не такой маленький, как JPEG, но без потерь, поэтому он хорош для изображений с четкими линиями. Он широко используется в Интернете сейчас.

Лично я обычно использую PNG везде, где только могу. Это хороший компромисс между JPG и GIF.

JPG > Совместная группа экспертов по фотографиям

1 JPG-изображения поддерживают 16 миллионов цветов и лучше всего подходят для фотографий и сложной графики

2 JPG не поддерживают прозрачность.

PNG > Портативная сетевая графика

1 Он использовался как альтернатива файлу GIF, когда технология GIF защищалась авторским правом и требовала разрешения на использование.

2 PNG позволяют на 5-25% больше сжатия, чем GIF, и с более широким диапазоном цветов. PNG используют двумерное чередование, что заставляет их загружаться в два раза быстрее, чем изображения GIF «.

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

GIF > Формат обмена графикой

1 Уменьшает количество цветов в изображении до 256.

2 GIF также поддерживают прозрачность.

3 GIF имеют уникальную возможность отображать последовательность изображений, похожую на видео, называемую анимированным GIF.

4 Если изображение имеет несколько цветов и не требует какого-либо расширенного эффекта альфа-прозрачности, GIF — это путь.

SVG > Масштабируемая векторная графика

1 SVG — это веб-стандарт на основе XML, который описывает как статические изображения, так и анимации в двух измерениях.

2 SVG позволяет создавать очень качественную графику и анимацию, которые не теряют деталей, поскольку их размер увеличивается/уменьшается.

Эти имена относятся к различным способам кодирования данных пиксельных изображений (JPG и JPEG — одно и то же, и TIFF может просто заключать jpeg с некоторыми дополнительными метаданными).

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

Для веб-приложений я бы сказал, что jpeg или gif достаточно хороши. Jpeg используется чаще из-за его более высокой степени сжатия, а gif обычно используется для легкой анимации, когда вспышка (или что-то подобное) является более убитым или места, где требуется прозрачный фон. PNG также можно использовать, но у меня нет большого опыта в этом. BMP и TIFF, вероятно, не являются хорошими кандидатами для веб-приложений.

Фотографы не прекращают спорить о том, какой из форматов выбирать для фотографий при съемке. Речь идет о RAW и JPEG (иногда JPG). Несмотря на то, что в общем большинство специалистов представляют себе разницу между этими двумя форматами, понимание любителей не всегда четкое. Фотограф и преподаватель Уэйн Раску (Wayne Rasku), который ведет веб-занятия по фотоискусству в Атланте (Джорджия, США), собрал информацию и противоречия вместе. В статье он постарался объяснить, в чем суть форматов и как понять, какой формат нужно использовать для получения максимального эффекта в результате.

JPEG против RAW

JPEG — общепринятый формат для фотографий, все просто. Если вы отправляете изображения в Сеть или печатаете снимки, то, скорее всего, файлы сохранены именно в формате JPG. Тем не менее, к JPEG «накопились вопросы» по поводу целостности изображений. Конечно, формат описывают, как наиболее распространенный формат сжатия снимков, основной для большинства цифровых камер. Но технически он представляет собой «изменение с потерями», которое ухудшает исходные параметры изображений. Именно в этом кроется основная проблема, отправная точка дискуссий о том, в каком формате делать и сохранять снимки.

В чем же состоит неудобство сжатия с потерями? По сути, камера изначально запрограммирована на трансформацию файла до меньшего размера путем отбрасывания части пикселей. В зависимости от выбранных настроек, сжатие будет большим или меньшим. Если вы выставите наиболее крупный размер файлов, камера «отбросит» минимальное количество данных. Если вам нужно уместить на как можно больше снимков, вы выставляете меньшее разрешение — например, 640х480 при максимально возможных для 10-мегапиксельного фотоаппарата 3648х2736. Все «дополнительные» пиксели камера просто не сохранит, оставив только необходимое количество.

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

Любая постобработка, в том числе Photoshop, сжимает изображения еще сильнее. Большинство людей не трансформирует снимки по несколько раз, но, если вам нужно это сделать, проблема проявится еще ярче.

Чем формат RAW отличается от JPEG?

Изменяя в камере формат файла с JPEG на RAW, вы «предупреждаете» ее, что обрабатывать снимки не нужно вообще, поэтому она сохраняет в изображении все пиксели. Вот и все. Полученный файл будет гораздо «тяжелее», чем при выборе JPEG, даже если в последнем выставлен наибольший размер кадров. Также разница между форматами состоит в «глубине» пикселей. JPEG использует 8-битные, тогда как в большинстве цифровых зеркальных камер диапазон составляет 13-14 бит на пиксель. Такой разбег приводит к тому, что области, схожие по яркости, объединяются, чего нет при выборе формата RAW. Это влияет, в частности, на баланс белого, возможность точно настроить экспозицию. Кстати, работая с RAW, вы сможете сделать HDR-фотографию из одного файла.

фото by Peter Majkut

Следующий логично возникающий вопрос заключается в том, как правильно обрабатывать фото в RAW, чтобы его можно было напечатать или выложить в Сеть? Ситуация складывается практически как с пленочными фотоаппаратами: чтобы увидеть полноценный снимок, нужно повозиться с негативом. С RAW все также — вам потребуется ПО для пост-обработки, оно поможет сделать исходный файл пригодным для дальнейшего использования.

Еще одно важное отличие RAW — вы не сможете использовать любой из «творческих» режимов камеры. Доступна ручная настройка диафрагмы и выдержки, но при выборе предустановленных сочетаний параметров («вечеринка», «солнечный пляж» и так далее) фотоаппарат автоматически сменит RAW на JPEG.

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

В чем же все-таки суть спора о выборе формата?

Одни фотографы ратуют за RAW, другие — сторонники JPEG. Это вызвано несколькими причинами. Во-первых, не во всех камерах поддерживается формат RAW. Например, в компактных цифровых фотоаппаратах он не предусмотрен. С другой стороны, съемки в нем позволяют «задействовать все ресурсы» и получать максимально качественный результат. Приверженцы RAW говорят, что с ним они могут получить полный контроль над снимками.

Некоторые, в том числе высокопрофессиональные, авторы сопротивляются, продолжая работать в JPEG. Они утверждают, что, будучи уверенными в своих силах, могут получить хороший результат и в этом формате. По их мнению RAW удлиняет рабочий процесс за счет кропотливой пост-обработки и лишает фотографа возможности основную часть времени тратить на съемки. Поклонники JPEG не хотят сидеть у компьютера, им хочется побольше работать непосредственно с камерой.

Еще один аргумент противников RAW — размер файла. Он практически в два раза больше, чем JPEG, и ресурсы карты памяти исчерпываются быстрее. На жестком диске тоже неудобно их хранить, если вы снимаете много. RAW-форматы не унифицированы, они отличаются в зависимости от самой камеры, вплоть до расширения. В частности, у Nikon это a.NEF, а у Canon — a.CR2. Если вы часто используете разные фотоаппараты, подобное усложняет жизнь.

Нужно помнить еще и о том, что устаревшее ПО не может работать со снимками с камер последнего поколения. Как утверждает фотограф Кен Рокуэлл (Ken Rockwell), яростный противник RAW, «когда-нибудь мы просто не сможем открыть свои старые файлы, так как нужных версий программ уже не будет существовать». И, если вы постоянно обновляете ПО, будьте готовы потерять изображения, сделанные несколько лет назад. С JPEG этой проблемы нет — и это аргумент, который стоит учитывать.

И наконец, главное. Как понять, какой формат необходим именно вам

Если вы умеете быстро и без затруднений работать со специализированным ПО для пост-обработки фото, хотите получить полный контроль над нюансами редактирования своих снимков, вам стоит остановиться на RAW. Покупать программы, кстати не обязательно. Формат поддерживается даже в бесплатном ПО (таком, как Picassa), не говоря уже о разнообразном профильном обеспечении.

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

Нужно только помнить, что такой файл нельзя конвертировать в RAW, а вот наоборот — вполне. Поэтому большинство профессиональных фотографов все же стараются познакомиться с более трудоемким форматом поближе. RAW для них — ключ к большому количеству возможностей. К тому же, всегда есть компромисс: можно сохранять снимки на камере сразу в двух форматах. Если емкости карты памяти достаточно, это оптимальный вариант: наиболее удачные снимки вы оставите без изменений в JPEG, а для те, которые требуют коррекции, возьмете из RAW-источника.

Небольшое примечание для тех, кто все же выбрал RAW. Есть несколько удачных комплексных программ, работая с которыми удастся реализовать все возможности формата. Одна из наиболее популярных — Adobe Lightroom. На просторах Интернета есть много туториалов, рассказывающих о том, как редактировать сырые файлы с помощью мощных, интересных инструментов ПО. Особенно хорошо программа подходит для ландшафтной съемки: если вам нравится работать на природе, стоит освоить Lightroom, и результаты вас впечатлят.

Файлы jpg и jpeg встречаются нам повсеместно, потому как расширения эти принадлежат картинкам и фотографиям. Замечать различия мы начинаем, когда требуется подойти к файлу формально, а не содержательно: скачать, отправить, переместить или сортировать, словом, выполнить любое действие независимо от содержания. Проблем, как правило, с графическими файлами не возникает, потому как операционные системы без шаманских танцев поддерживают их просмотр в специальных программах. Жить бы и радоваться, не задумываясь, но иногда какой-то софт отказывается воспринимать тот или иной формат, или же просто глаз цепляется за разные расширения. Если называются по-разному, то должно же быть и отличие?

Определение

JPEG — графический формат, предназначенный для хранения файлов-изображений любого типа. Появился в 1991 году. Также.JPEG — расширение имени файла в формате JPEG и однозначно указывающее на него.

JPG — одно из самых популярных расширений имени файла формата JPEG, распространенное наряду с.jpeg.

Сравнение

Похоже на детскую задачку на сообразительность: А упало, Б пропало… Многие скажут — разница в одной букве. И окажутся правы, потому как только буква отличает одно расширение от другого. В старых операционных системах более трех символов после точки приписать не могли, потому буква “e” вот так незаметно выпала из оборота. В новых операционных системах (появившихся после DOS) позволено и три, и четыре символа, однако привычка к трем буквам после точки заставляет формат JPEG называться именами со столь похожими расширениями. Больше отличий нет, кроме, разумеется, совпадения расширения с именованием формата. А в чем разница между именами или фамилиями без ассоциации с человеком? Правильно, только в буквах.

Выводы сайт

1. JPEG — название формата хранения графических файлов, jpg — расширение их имени.
2. Расширение jpg может применяться в старых операционных системах, расширение jpeg — нет.
3. Буква “e” в расширении jpg отсутствует.

Формат цифровых фотографий JPEG это один из самых популярных алгоритмов хранения фотоизображений. Он был разработан в 1987 году группой объединенных экспертов по фотографии. На английском языке это пишется как Joint Photographic Expert Group. По первым буквам этих слов и был назван формат, который произносится как «джейпег».

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

Алгоритм хранения графической информации, заложенный в файловом формате JPEG, является методом сжатия с потерями, позволяет сжимать данные с достаточно высокой скоростью и эффективностью. В формате JPEG фотографии можно сохранять с глубиной цвета до 24 бит/пиксел и размером их сторон не более 65535 пикселей (2311,93 см).

Сжатие файлов фотографий формата JPEG

Процесс сжатия цифровой фотографии в формате JPEG производится не сразу, а поэтапно. Первым делом цифровое изображение переводится из цветового пространства RGB в YCbCr. В нем компонента Y отвечает за яркость изображения и кодируется полностью. Компоненты Cb и Cr это цветоразностные каналы. Они уменьшают информацию о цвете (рис.1).

Рис.1 Соотношения цветов в формате JPEG для перевода фотографии из цветового пространства RGB в YCbCr.

Затем вся фотография разбивается на отдельные квадраты размером 8×8 пикселей и над каждым из них производится преобразование. При этом каждый квадрат в формате JPEG раскладывается на составные цвета для подсчета частоты появления их по всему полю фотографии.

Такой анализ позволяет выделить необходимую информацию о верхнем диапазоне цветового спектра изображения и частично от нее избавиться. При этом также отбрасывается и часть яркостной информации канала Y, связанная с каналами Cb и Cr. Это почти не заметно на фотографиях, но зато позволяет уменьшить размеры файлов формата JPEG.

Объем удаляемой из файла JPEG информации во время такой обработки сильно зависит от указанного уровня сжатия, и чем он больше, тем хуже качество фотографии. Полученное таким способом изображение уже ни когда нельзя вернуть к первоначальному виду. Именно по этой причине JPEG называется форматом сжатия с потерями (рис.2).

Рис.2 Пример увеличенного фрагмента фотографии формата JPEG с разным уровнем сжатия.

На завершающем этапе сжатия фотографии в формате JPEG кодируются цвета и яркость изображения. При этом сохраняются только отличия 64-х пиксельных квадратов, а вся одинаковая информация удаляется. Затем результаты такого кодирования представляются числами, которые тоже сжимаются по специальному алгоритму.

Размер файла после сжатия фотографии в формате JPEG по сравнению с исходным файлом напрямую зависит от детализации изображения и чем больше мелких деталей, тем больше размер файла. Лучше сжимаются те фотографии, где меньше шума и больше плавных цветовых и яркостных переходов. Чем выше контраст, тем хуже сжимается фотография (рис.3).

Рис.3 Файлы этих изображений в формате TIFF имеют размеры 168 Кб. В формате JPEG левая фотография имеет размер 12 Кб, а правая 29 Кб. Разница между изображениями только в цветовом шуме.

Для просмотра фотографий закодированных в формате JPEG сначала их надо декодировать. Этот процесс выполняется специальной программой также поэтапно, но в обратном кодированию порядке. При этом переход из пространства YCbCr обратно в RGB проходит уже по другим заранее определенным соотношениям (рис.4).

Рис.4 Соотношения компонентов YCbCr в формате JPEG для перевода фотографии обратно в пространство RGB.

Преимущества фотографий формата JPEG

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

Этот формат используется во всех цифровых фотокамерах для хранения полученных фотокадров. Все фотографии, сохраненные в формате JPEG можно сразу использовать по назначению. У них оптимально подобрана яркость, контрастность и насыщенность. Для их доработки не требуется какой-либо особенной программы. Все делается в фотоаппарате (рис.5).

Рис.5 Примеры стилевых настроек фотоаппарата для фотографий формата JPEG.

Кроме того, при съемке фотографий в формате JPEG процесс обработки изображения и его кодирование занимает намного меньше времени чем, например, в формате . Это позволяет увеличить скорость серийной фотосъемки и количество отснятых кадров, что бывает очень важно для таких жанров фотосъемки как «Спорт» или «Репортаж».

Фотографии в формате JPEG можно без проблем просмотреть на любом электронном устройстве, где есть такая функция: телевизор, компьютер, планшет, сотовый телефон, игровые устройства и другие. Этот стандарт кодирования изображений является универсальным. Он поддерживается на всех основных платформах – Windows, Mac OS, Linux, Android, iOS.

Размер файлов формата JPEG позволяет быстро пересылать фотографии по каналам связи, что делает его незаменимым для сети Интернет. Этот формат является основным для размещения фотографий на фото сайтах, форумах и в социальных сетях.

Недостатки формата JPEG для фотографий

Главным недостатком фотографий формата JPEG можно считать то, что их нельзя сохранять повторно. После каждого сохранения таких файлов они теряют качество изображений и чем больше уровень сжатия, тем их качество хуже. Именно по этой причине не нужно сохранять результаты промежуточной обработки фотографий в формат JPEG (рис.6).

Рис.6 Пример фрагмента одной фотографии до и после трехразового сохранения в формате JPEG со средним качеством.

Еще одним недостатком формата JPEG при редактировании фотографий является то, что он не сохраняет слои и альфа каналы. Например, нельзя отложить обработку фотографий с помощи масок или корректирующих слоев и вернуться к этой работе позже (рис.7).

Рис.7 Пример сложной обработки фотографий в программе Photoshop, результаты которой нельзя сохранить в формате JPEG.

Кроме того, при редактировании цифровых фотографий часто требуется большая глубина цвета, а в формате JPEG он ограничен 256 значениями на канал. Этого недостаточно для высококачественной цветопередачи и также является недостатком фотографий формата JPEG.

Перечисленные выше недостатки формата JPEG создают ограничения в работе фотографа по улучшению фотографий после фотосъемки, но еще есть и другие. Они ухудшают качество изображения фотографии сразу в момент их сохранения в фотокамере или при сканировании фотопленки. К таким недостаткам относятся следующие семь.

1.Искажение цвета.
2.Потеря детализации.
3.Ухудшение резкости.
4.Ореолы вокруг контуров.
5.Ступенчатость линий.
6.Появление шумов.
7.Мозаичность.

Эти недостатки фотографий формата JPEG напрямую зависят от уровня сжатия информации. Для того чтобы свести потери к минимуму следует всегда сохранять первоисточники цифровых фотографий с минимально возможным сжатием или по-другому – с максимальным качеством. При этом существуют разные шкалы для выбора качества фотографий.

Шкала качества фотографий в формате JPEG

При сохранении цифровых фотографий в формате JPEG всегда задается степень сжатия информации в относительных единицах. Чаще всего для этого используется шкала от 1 до 10 или до 12 (рис.8).

Рис.8 Окно программы Photoshop для сохранения фотографий в формате JPEG по шкале качества 1 – 12.

Для более точной установки уровня сжатия встречаются и более мелкие шкалы, например от 1 до 100. Такая шкала используется для сохранения фотографий в формате JPEG при сканировании (рис.9).

Рис.9 Окно TWAIN-драйвера для сохранения фотографий в формате JPEG при сканировании на сканере Epson.

Иногда для сохранения фотографий в формате JPEG применяются более компактные шкалы, состоящие всего из пяти или трех позиций. В таких шкалах выбирается не сжатие фотографии, а качество ее изображения и не цифрами, а словами русского или английского языка (рис.10).

Рис.10 Одно из окон программы Photoshop для сохранения фотографий в формате JPEG по упрощенной шкале.

Самая простая шкала выбора ступени качества для фотографий формата JPEG используется в цифровых фотокамерах. Она состоит всего из трех позиций, которые определяют условный размер файла фотографии. Они обозначаются буквами английского языка «L», «M», «S» от слов Large – большой, Medium — средний, Small – маленький (рис.11).

Рис.11 Две шкалы качества формата JPEG для сохранения фотографий в цифровом фотоаппарате.

При сохранении цифровых фотографий в формате JPEG важно помнить, что на разных шкалах большое число может соответствовать и качеству изображения (), и коэффициенту его сжатия (). По своей сути они являются прямой противоположностью.

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

Как сохранять фотографии в формате JPEG

Учитывая все достоинства и недостатки файлового формата JPEG надо уметь правильно использовать его для фотографий разного назначения. Это помогает экономить дисковое пространство для их хранения и при этом сохранять высокое качество фотоизображений.

Основной ошибкой многих фотографов является недопонимание самого принципа сжатия информации в файловом формате JPEG. Это приводит к тому, что фотографии других более «тяжелых» графических форматов для экономии места переводят в формат JPEG, обрабатывают несколько раз и при этом еще сильно сжимают.

Все это можно делать только с копиями фотографий, предназначенными для определенных целей. Важно всегда помнить о том, что формат JPEG предназначен в основном для эффективного просмотра фотографий или для их печати. Но это только в тех случаях, когда фотографии не нужно дорабатывать после фотосъемки или после сканирования.

Для повышения качества фотографий формата JPEG сначала их следует перевести в формат TIFF или PSD. Копии файлов этих форматов имеют большой размер, но зато у них отсутствуют недостатки присущие JPEG-файлам. Опять вернуть фотографии в формат JPEG можно только после окончательного завершения их обработки (рис.12).

Рис.12 Улучшение качества фотографий формата JPEG.

При любых вариантах сохранения цифровых фотографий формата JPEG надо всегда устанавливать цветовой профиль sRGB. Он поддерживается всеми графическими программами, всеми техническими устройствами и на всех платформах. Это позволяет видеть фотографии везде одинаково.

Хотя формат JPEG поддерживает и другие цветовые пространства, из-за их большого цветового охвата некоторые цвета будут обрезаны, и такие фотографии везде будут смотреться по-разному. Для сохранения других цветовых профилей с большим количеством цветов нужно использовать другие файловые форматы. О них читайте в следующих статьях.

Форматы графических файлов — JPG, PNG, SVG, PDF.

1. Растровые форматы.
2. Векторные форматы.

Поначалу, все эти аббревиатуры вводят в ступор и отнимают речь, но сейчас все встанет на свои места.

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

Растровые форматы.

Форматы растровых изображений, которые встречаются наиболее часто: .jpg (он же .jpeg) и png.

JPG.

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

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

.jpg наиболее применим для хранения цифровых фотографий (изображений, содержащих плавные переходы цвета, теней, яркости) и передачи растровых изображений по сети Интернет.

PNG.

В .png изображение сжимается без потерь. Наиболее распространенными для .png являются задачи хранения графической информации с резкими границами, узорчатые рисунки, текстовая графика, отдельные графические элементы (логотипы, орнаменты, пиктограммы).

Основное преимущество формата .png — хранение и использование промежуточных этапов редактирования. Это следствие того, что сжатие, на любом этапе сохранения, проходит без потери качества.

Векторные форматы.

PDF.

.pdf – знаком всем, кто хоть раз сталкивался с производством печатной продукции. Макеты печатных продуктов (листовки, буклеты, каталоги) предоставляются полиграфии в формате .pdf. Они могут содержать элементы как векторной так и растровой графики, например, тексты или даже видео.

Уникальность .pdf – документы читаются не только специализированными Adobe приложениями, но и самым распространенным Microsoft Word. Формат универсальный и очень популярный, в т.ч. за счет того, что многие программные продукты его понимают.

SVG.

Буквально .svg значит «масштабируемая векторная графика». Применим для создания и хранения 2D-векторных изображений, в т.ч. и анимированных. Поскольку это векторное изображение, то его можно увеличивать целиком или частями без потери качества.

Уникальность .svg в том, что текст в нем можно редактировать в любом текстовом редакторе, даже поисковые системы будут воспринимать текст вашего лого как текст, и он будет индексироваться поисковыми машинами.

Пока все.
Более подробно обо всех этих форматах вы узнаете в цикле статей на нашем блоге.

Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.

Форматы файлов, поддерживаемые в PowerPoint

PowerPoint Презентации	PPTX	Презентацию, которую можно открыть на компьютере в PowerPoint 2007 и более новых версиях либо на компьютере Mac в PowerPoint 2008 и более новых версиях.  Презентацию также можно открыть на любом мобильном устройстве, на PowerPoint установлено приложение.
PowerPoint Macro-Enabled презентации	PPTM	Презентация с кодом Visual Basic для приложений VBA.
PowerPoint 97–2003	PPT	Презентацию, которую можно открыть в PowerPoint 97 Office PowerPoint 2003.
Формат документа PDF	PDF	Электронный PostScript, разработанный компанией Adobe Systems, который сохраняет форматирование документов и позволяет делиться файлами.
Формат документа XPS	XPS	Новый формат электронной бумаги для обмена документами в окончательном виде.
PowerPoint Шаблоны оформления	POTX	Шаблон PowerPoint, который можно использовать для форматирование будущих презентаций.
PowerPoint Macro-Enabled конструктора	POTM	Шаблон с предварительно утвержденными макросами, которые можно добавить в шаблон для использования в презентации.
PowerPoint 97–2003	POT	Шаблон, который можно открыть в PowerPoint 97 Office PowerPoint 2003.
Тема Office	THMX	Таблица стилей, которая содержит определения цветовой темы, темы шрифтов и эффектов.
PowerPoint Показать	PPSX	Презентация, которая всегда открывается в режиме слайд-шоу, а не в обычном режиме.
PowerPoint Macro-Enabled Показать	PPSM	Слайд-шоу с предварительно утвержденными макросами, которые можно запускать в рамках слайд-шоу.
PowerPoint 97–2003	PPS	Слайд-шоу, которое можно открыть в PowerPoint 97 Office PowerPoint 2003.
PowerPoint Add-In	PPAM	Надстройка, которая хранит настраиваемые команды, код VBA Visual Basic для приложений и специализированные функции, такие как надстройка.
PowerPoint 97–2003 Add-In	PPA	Надстройка, которую можно открыть в PowerPoint 97–Office PowerPoint 2003.
PowerPoint Презентация XML	XML	Презентация в стандартном формате файлов с поддержкой XML.
Видео MPEG-4	MP4	Презентация, сохраненная в видео. Формат файла MP4 воспроизводит на многих медиапроисках, например в проигрыватель Windows Media.
Видеофайл Windows Media	.wmv	Презентация, сохраненная в видео. Формат WMV-файла воспроизводится на многих медиапроисках. Примечание: Этот формат доступен только в PowerPoint 2010 и более новых версиях.
GIF	GIF	Слайд в качестве графического изображения для использования на веб-странице. Формат файлов GIF ограничен поддержкой 256 цветов. Это более эффективно для отсканированных изображений, таких как иллюстрации. GIF также можно использовать для графиков, черно-белых изображений и небольшого текста высотой всего в несколько пикселей. GIF также поддерживает анимацию.
Файлформат JPEG (Joint Photographic Experts Group)	JPG	Слайд в качестве графического изображения для веб-страниц. Формат файлов JPEG поддерживает 16 млн цветов и лучше всего подходит для фотографий и сложной графики
Формат PNG (Portable Network Graphics)	PNG	Слайд в качестве графического изображения для использования на веб-странице. Стандарт PNG для замены GIF был утвержден W3C в качестве стандарта. PNG не поддерживает анимацию, как GIF, и некоторые более старые браузеры не поддерживают этот формат файла. PNG поддерживает прозрачный фон.
TIFF (формат файла изображения тега)	TIF	Слайд в качестве графического изображения для использования на веб-странице. TIFF — это оптимальный формат файлов для хранения изображений, совместимых с битами, на личных компьютерах. Рисунки TIFF могут иметь любое разрешение и быть черно-белыми, серыми или цветными.
Рисунок (DIB)	BMP	Слайд в качестве графического изображения для использования на веб-странице. Точечный рисунок — это представление, состоящее из строк и столбцов точек, графического изображения в памяти компьютера. Значение каждой точки (будь то заливка) хранится в одном или несколько битах данных.
метафайл Windows	WMF	Слайд в качестве 16-битного рисунка (для microsoft Windows 3.x и более поздних).
Расширенный Windows метафил	EMF	Слайд в 32-битовом графическом элементе (для Microsoft Windows 95 и более поздних).
Outline/RTF	RTF	Структурировать презентацию в виде документа, доступного только к тексту, который обеспечивает меньший размер файлов и позволяет делиться файлами без макроса с другими людьми, у которых может не быть той же версии PowerPoint или операционной системы, которая у вас есть. Текст в области заметок не будет сохранен в этом формате.
PowerPoint Презентация рисунка	PPTX	Презентация PowerPoint, в которой каждый слайд был преобразован в рисунок. Сохранение файла в PowerPoint рисунка уменьшит размер файла. Однако некоторые данные будут потеряны.
Презентация Strict Open XML	PPTX	Презентация в строгом режиме ISO формата PowerPoint презентации.
Презентация OpenDocument	ODP	Вы можете PowerPoint файлы, чтобы их можно было открывать в приложениях презентации, которые используют формат презентации OpenDocument, например Google Docs и OpenOffice.org Impress. Вы также можете открывать презентации в формате ODP в PowerPoint. Некоторые сведения могут быть потеряны при сохранении и открытии ODP-файлов.
Веб-страница в одном файле	MHT; MHTML	Веб-страница в одном файле с файлом .htm и всеми вспомогательными файлами, такими как изображения, звуковые файлы, каскадные таблицы стилей, сценарии и другие. Хорошо для отправки презентации по электронной почте Примечание: Этот формат доступен только в PowerPoint 2007.
Веб-страница	.htm; .html	Веб-страница в качестве папки с файлом .htm и всеми вспомогательными файлами, такими как изображения, звуковые файлы, каскадные таблицы стилей, сценарии и другие. Хорошо для публикации на сайте или редактирования с помощью Microsoft Office FrontPage или другого HTML-редактора. Примечание: Этот формат доступен только в PowerPoint 2007.

Изображения в HTML — Изучение веб-разработки

В начале Web был просто текстом, что было довольно скучно. К счастью, это продолжалось не долго — до появления возможности вставлять изображения (и другие, более интересные, типы контента) в веб-страницы. Существуют и другие типы мультимедиа, однако логичнее начать со скромного <img>  элемента, используемого для вставки простого изображения в веб-страницу. В этой статье мы рассмотрим, как использовать элемент, начиная с основ, снабжать примечаниями, используя  <figure>, и разберём, как это относится к фоновым изображениям CSS. 

Чтобы разместить изображение на странице, нужно использовать тег <img>. Это пустой элемент (имеется ввиду, что не содержит текста и закрывающего тега), который требует минимум один атрибут для использования — src (произносится эс-ар-си, иногда говорят его полное название, source). Атрибут src содержит путь к изображению, которое вы хотите встроить в страницу, и может быть относительным или абсолютным URL, точно так же, как значения атрибута href для элемента <a>.

Примечание: Перед тем как продолжить, вам стоит вспомнить про типы адресов URL, чтобы обновить в памяти про относительные и абсолютные адреса.

Например, если ваше изображение называется dinosaur.jpg, и оно находится в той же директории что и ваша HTML страница, вы можете встроить это изображение как:

Если изображение было в поддиректории images , находящаяся внутри той же директории, что и HTML страница (что рекомендует Google для индексации и целей SEO), тогда вы можете встроить его так:

<img src="images/dinosaur.jpg">

И так далее.

Примечание: Поисковые системы также читают имена изображений и считают их для оптимизации поискового запроса. Поэтому присваивайте вашим изображениям смысловые имена: dinosaur.jpg лучше, чем img835.png.

Вы можете встроить изображение используя абсолютный URL, например:

<img src="https://www.example.com/images/dinosaur.jpg">

Но это бессмысленно, так как он просто заставляет браузер делать больше работы, запрашивая каждый раз IP-адрес от DNS-сервера.  Вы почти всегда будете держать свои изображения для сайта на том же сервере, что и ваш HTML.

Внимание: Большинство изображений защищены. Не отображайте изображения на вашем сайте пока:

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

Нарушение авторских прав является незаконным. Кроме того, никогда не указывайте в своём атрибуте src ссылку на изображение, размещённое на чужом сайте. Это называется «хотлинкинг» (с англ. ‘hotlinking’ — ‘горячая ссылка’). Запомните, кража пропускной способности чужого сайта незаконна. Это также замедляет вашу страницу и не позволяет вам контролировать, будет ли изображение удалено или заменено чем-то неприятным.

Наш код выше даст нам следующий результат:

Примечание: Такие элементы как <img> и <video> иногда называются замещаемыми элементами. Это потому что содержание элемента и размер, определяет внешний ресурс (как изображение или видео файл), а не содержание самого элемента. Вы можете узнать о них больше в Замещаемых элементах.

Альтернативный текст

Следующий атрибут, который мы рассмотрим — alt. Его значением должно быть текстовое описание изображения для использования в ситуациях, когда изображение не может быть просмотрено / отображено или отрисовка занимает много времени из-за медленного интернет-соединения. Чтобы продемонстрировать использование атрибута alt на практике, внесём изменения в код из предыдущего примера:

<img src="images/dinosaur.jpg"
     alt="Голова и туловище скелета динозавра;
         у него большая голова с длинными острыми зубами">

Самый простой способ увидеть атрибут alt в действии — это сделать намеренную ошибку в имени файла. Например, если бы мы написали имя изображения как dinosooooor.jpg, браузер не смог бы его отобразить, и на экране появился бы текст из атрибута alt:

Итак, в каких случаях текст из атрибута alt может быть нам полезен? Приведём несколько примеров:

• Пользователь с нарушением зрения использует устройство чтения с экрана, которое может читать вслух описание элементов веб-страницы. На самом деле, наличие текста в атрибуте alt для описания изображения может быть полезно для большинства пользователей.
• В случае, если была допущена ошибка в имени файла или пути к нему (как было описано выше).
• Браузер не поддерживает формат данного изображения. Некоторые люди до сих пор используют текстовые браузеры, такие как Lynx, которые вместо изображений отображают текст из атрибута alt.
• Если вы хотите добавить возможность найти ваше изображение с помощью поисковых систем. Например, поисковые системы могут искать совпадения поисковых запросов с текстом атрибута alt.
• Если пользователи отключили отображение изображений на странице для уменьшения объёма передаваемых данных и для сокрытия элементов, отвлекающих внимание. Это обычная практика для пользователей мобильных телефонов, а также в странах с маленькой пропускной способностью интернет-каналов и с высокой стоимостью интернет-трафика.

Что именно вы должны писать в атрибут alt? В первую очередь, это зависит от того, зачем изображение вообще находится на странице. Другими словами, что вы потеряете, если ваше изображение не появится:

• Декорация. Вы должны использовать Фоновые изображения CSS для декоративных изображений, но если вы должны использовать HTML, добавьте пустой alt = «». Если изображение служит просто украшением и не является частью содержимого, добавьте пустой alt="". Например, программа чтения с экрана не тратит время на чтение содержимого, которое не является важным для пользователя.
• Контент. Если ваше изображение содержит важную информацию, передайте ту же информацию через краткий alt. Или даже лучше, в главном тексте, который все увидят. Не используйте alt , если можете обойтись без него. Насколько неудобно было бы для пользователя, если бы параграфы были написаны дважды в главном контенте? Если изображение адекватно описано в основном тексте, можете просто использовать alt="".
• Ссылка. Если вы помещаете изображение в <a>, для того, чтобы сделать из него ссылку, вы всё ещё должны использовать чёткие формулировки описания ссылок. В таком случае, вы сможете использовать элемент <a>  или атрибут alt . Старайтесь выбрать лучший вариант.
• Текст. Не пишите текст в изображениях. Если вашему заголовку понадобится тень, то лучше используйте для этого CSS вместо добавления текста в изображение. Однако, если  действительно этого не избежать, то вам следует дополнить текст в атрибуте alt.

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

Ширина и высота

Вы можете использовать атрибуты width и height, чтобы указать ширину и высоту вашего изображения. Ширину и высоту вашего изображение можете найти различными способами. Например, на Mac можно использовать  Cmd + I  чтобы  получить информацию по изображению. Повторяя наш пример, мы можем сделать так:

<img src="images/dinosaur.jpg"
     alt="The head and torso of a dinosaur skeleton;
          it has a large head with long sharp teeth"
    
    >

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

Это хорошая практика, в результате страница загрузится быстрее и более гладко.

Однако, вы не должны изменять размеры ваших изображений используя HTML атрибуты. Если вы установите размер изображения слишком большим, то в конечном итоге вы столкнётесь с изображениями, которые выглядят зернистыми, размытыми или слишком маленькими, и потратите трафик для загрузки изображения, которое не будет соответствовать нуждам пользователя. Конечное изображение может также выглядеть искажённым, если вы не сохраните правильное соотношение сторон. Рекомендуется использовать графический редактор для подгонки изображения к нужному размеру, перед вставкой его на вашу веб-страницу.

Примечание: Если вам действительно нужно изменить размер изображения, вы должны использовать вместо этого CSS.

Заголовок изображения

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

<img src="images/dinosaur.jpg"
     alt="The head and torso of a dinosaur skeleton;
          it has a large head with long sharp teeth"
    
    
     title="A T-Rex on display in the Manchester University Museum">

Это даёт нам всплывающую подсказку при наведении курсора мыши, также как и в ссылках:

Однако это не рекомендуется — title имеет ряд проблем с доступностью, в основном из-за того, что поддержка программ чтения с экрана очень непредсказуема, и большинство браузеров не будут отображать её, если вы не наведёте курсор мыши (например, нет доступа для пользователей клавиатуры). Зачастую лучше включить такого рода вспомогательную информацию в основной текст статьи, чем прикреплять её к изображению. Однако, она полезна в некоторых обстоятельствах; например, в галереях изображений, когда у вас нет места для их заголовков.

Активное обучение: встраивание изображения

Наступила очередь немного поиграть! Этот раздел активного обучения поможет вам выполнить простое упражнение по встраиванию. Вы будете обеспечены простым <img> тэгом; мы хотели бы чтобы вы встроили изображение расположенное по следующей ссылке:

https://raw.githubusercontent.com/mdn/learning-area/master/html/multimedia-and-embedding/images-in-html/dinosaur_small.jpg

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

Мы также хотели бы, чтобы вы:

• Добавили любой альтернативный текст, и проверили как это работает внеся ошибку в ссылку на изображение.
• Установите правильные значения width и height (подсказка: это 200px по ширине и 171px по высоте), после поэкспериментируйте с другими значениями, чтобы увидеть какой будет эффект.
• Установите title для изображения.

Если вы сделаете ошибку, вы всегда можете очистить код, используя кнопку Reset. Если вы реально не будете понимать как сделать, нажмите кнопку Show solution, чтобы увидеть ответ:

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

<div>
  <img src="images/dinosaur.jpg"
       alt="The head and torso of a dinosaur skeleton;
            it has a large head with long sharp teeth"
      
      >

  <p>A T-Rex on display in the Manchester University Museum.</p>
</div>

Это нормально. Это содержит всё что вам нужно, и красиво стилизуется с помощью CSS. Но, есть проблема: здесь нет ничего, что семантически связывает изображение с его заголовком, и это может вызвать сложности для читателей. Например, когда у вас есть 50 изображений и заголовков, какой заголовок идёт вместе с каким изображением?

Лучшим решением будет использование элементов HTML5 <figure> и <figcaption>. Они были созданы исключительно для этой цели: предоставить семантический контейнер для рисунков и чётко связать рисунок с заголовком. Наш пример выше мог бы быть переписан так:

<figure>
  <img src="images/dinosaur.jpg"
       alt="The head and torso of a dinosaur skeleton;
            it has a large head with long sharp teeth"
      
      >

  <figcaption>A T-Rex on display in the Manchester University Museum.</figcaption>
</figure>

Элемент <figcaption> говорит браузерам и вспомогательной технологии, что заголовок описывает содержимое элемента <figure>.

Замечание: С точки зрения доступности, заголовки и alt имеют различные предназначения. Заголовки помогают даже тем, кто имеет возможность просматривать изображение, тогда как alt обеспечивает замену функциональности отсутствующего изображения. Таким образом, заголовки и alt не подразумевают под собой одни и те же вещи, потому что оба используются браузером при отсутствии изображения. Попробуйте отключить изображения в своём браузере, чтобы увидеть как это выглядит.

Тег <figure> не является изображением. Он представляет собой независимый структурный элемент, который: 

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

Тег <figure> может быть несколькими изображениями, куском кода, аудио, видео, уравнением, таблицей, либо чем-то другим.

Активное изучение: создание <figure>

В этом разделе активного изучения мы хотели бы, чтобы вы взяли текст из предыдущего раздела активного изучения и преобразовали его в <figure>:

• Оберните его в <figure> элемент.
• Скопируйте текст из атрибута title, удалите атрибут title, и вбейте текст в элемент <figcaption>.

В случае допущения ошибки, вы всегда можете набрать код повторно, нажав кнопку Reset. Если вы застряли, нажмите кнопку Show solution, чтобы увидеть ответ:

Вы можете использовать CSS для встраивания изображений в веб-страницы (или JavaScript, но это совсем другая история). Параметры CSS background-image и другие background-* применяются для контроля размещения фонового изображения. К примеру, чтобы залить фон каждого параграфа страницы, необходимо сделать следующее:

p {
  background-image: url("images/dinosaur.jpg");
}

Получившееся в конечном итоге изображение можно легко позиционировать и контролировать, в отличие от его HTML аналога. Так зачем же возиться с HTML изображениями? Как указано выше, фоновые изображения CSS предназначены только для украшения. Если вы просто хотите добавить что-то красивое на свою страницу, чтобы улучшить визуальные эффекты, это нормально. Тем не менее, такого рода изображения не имеют семантического смысла вообще. Они не могут иметь каких-то текстовых эквивалентов, видимых посетителю, они невидимы для программ чтения с экрана. Вот где блистают HTML-изображения!

Итог: если изображение имеет важность, в контексте содержимого вашей страницы, вам следует использовать HTML изображения. Если же картинка является банальной декорацией, используйте фоновые изображения CSS.

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

На этом пока все. Мы подробно рассмотрели изображения и их заголовки. В следующей статье мы рассмотрим, как использовать HTML для встраивания видео и аудио на веб-страницы.

Оптимизация JPEG. Часть вторая

В некоторых статьях по оптимизации JPEG, попадавшихся мне в интернете, авторы все-таки пытаются пойти дальше параметров Quality и Progressive и описывают такой важный показатель, как цвет. Однако все рекомендации на этот счет стандартны: «поменьше цветов» и «добавьте немного блюра». Попробуем разобраться, что можно сделать с цветом для получения меньшего объема файла.

В значительной степени на объем JPEG-файла влияет цветовая модель YCbCr, в которой хранится изображение. Она похожа на знакомую дизайнерам модель HSV, где изображение состоит из трех компонентов: оттенок, насыщенность, яркость. Наиболее информативным и важным для человеческого глаза является последний компонент, поэтому оптимизаторы стараются сжимать цветовые каналы, минимально затрагивая яркость. В Photoshop есть цветовой режим Lab, с помощью которого мы можем помочь оптимизатору лучше справиться со своей работой.

Возьмем для примера уже знакомую по первой части микроволновку Sweetheart. У нее на дверце есть мелкая сетка, которая идеально подходит для цветовой оптимизации. После простого сжатия с качеством 55 картинка весит 64,39 КБ.

990×405, Quality: 55 (Photoshop), 64,39 КБ
(нажмите, чтобы рассмотреть)

Откроем оригинал в Фотошопе и переключимся в цветовой режим Lab: Image → Mode → Lab Color.

Хозяйке на заметку

Режим Lab близок по идеологии к HSV и YCbCr, но не является их копией. Канал Lightness содержит информацию о яркости изображения, канал a показывает, насколько оно красное или зеленое, канал b — насколько синее или желтое. Несмотря на такие различия, этот режим поможет нам избавиться от ненужной цветовой информации.

Перейдем в палитру Channels и посмотрим на каналы a и b. В них отчетливо видна текстура сетки, причем эта сетка заметно делится на три блока, отличающихся по яркости.

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

Нашей целью будет поочередное сглаживание этих блоков в разных цветовых каналах.

Хозяйке на заметку

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

Переходим в канал а, поочередно выделяем каждый блок и применяем к каждому фильтр Median (Filter → Noise → Median). Значение параметра Radius должно быть минимально допустимым (при котором пропадает текстура), чтобы не сильно искажать блики. У меня получились следующие значения: для первого блока — 4, для второго — 2, для третьего — 4. Теперь дверца печки выглядит так:

(Нажмите, чтобы рассмотреть)

Она стала менее насыщенной, и нам нужно это исправить. Чтобы сразу видеть все изменения цвета, продублируем текущее окно: Window → Arrange → New Window for имя документа. В новом окне кликнем на канал Lab, чтобы видеть само изображение. В результате рабочее пространство должно выглядеть примерно так:

Справа — оригинал,
слева — дубликат оптимизируемого документа,
внизу — рабочая область

Выделяем сразу все три блока канала a в рабочей области и вызываем окно Levels (Ctrl+L или Image → Adjustments → Levels). Перетаскиваем средний ползунок левее, чтобы цвет внутренностей микроволновки на дубликате совпадал с оригинальным (у меня получилось значение 1,08).

Проделываем те же операции с каналом b и смотрим на результат:

990×405, Quality: 55 (Photoshop), 59,29 КБ
(Нажмите, чтобы рассмотреть)

Я сэкономил 5 КБ за полторы минуты работы с изображением, не потеряв при этом в качестве.

Хочу добавить, что этот метод не универсален, он годится только для изображений с контрастной мелкой текстурой (например, мелкий темный текст на светлом фоне). Для крупной текстуры выиграть в объеме не получится, а неконтрастные объекты заметно окрасятся в цвет фона.

Что такое фотографии в формате Jpeg? (И они отличаются от JPG)

Если на вашем компьютере или мобильном устройстве есть фотографии любого типа, скорее всего, вы просматриваете файл в формате JPEG, но что такое фотография в формате JPEG?

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

Что такое фотографии в формате Jpeg?

JPEG поступает от «Joint Photographic Experts Group», что также является названием комитета, который его создал.

JPEG — наиболее часто используемый формат в цифровых камерах. Более того, большинство изображений, которые мы видим сегодня в Интернете, — это файлы в формате JPEG.

JPEG делятся на две подкатегории: Exif (для цифровых фотоаппаратов) и JFIF (для хранения и передачи)

Так что же такое JPEG? Формат файла Jpeg — это формат для представления изображения.Фотографии в формате JPEG — это уменьшенные версии одного и того же изображения, которые обычно используются в веб-приложениях. Однако JPEG — это не только формат файла, но и метод сжатия с потерями.

Сжатие с потерями — это процесс сохранения максимально возможного количества визуальной информации без ущерба для размера файла. Этот тип сжатия отбрасывает некоторые исходные данные, что приводит к некоторой потере качества. Для сравнения, такие форматы, как TIFF, GIF или PNG, используют сжатие без потерь, что означает отсутствие потери данных, но большие размеры файлов.

Изображение в формате jpeg — это цифровой файл со стандартизированным форматом «графического изображения». Окончательное изображение отбрасывает высокочастотную информацию и цвет, то есть все, что наши глаза плохо замечают. Jpeg позволяет использовать любое цветовое пространство, какое только можно представить — RGB, YCbCr, CIELAB и так далее.

Процесс сжатия файла JPEG

Есть три этапа сжатия JPEG:

1. Субдискретизация цветности — отделение яркости от цветности

2.Дискретное косинусное преобразование (DCT) и квантование

3. Длина серии, дельта-кодирование и кодирование Хаффмана

Этот процесс происходит следующим образом: вы берете изображение RGB и конвертируете его в YCbCr для достижения разделения яркости и цветности . Затем изображение подвергается понижающей дискретизации, сжимая частоты, которые менее заметны глазу, — уменьшая количество цвета в изображении. Потеря оттенка и насыщенности будет менее заметна человеческому глазу, поэтому понижающая дискретизация выполняется только для цветового компонента.

Следующий шаг — Дискретное косинусное преобразование . Это основа того, как работает сжатие JPEG. Он представляет данные изображения как сумму всех косинусоидальных волн. В JPEG каждое изображение разделено на группы пикселей 8 × 8 (квадрат пикселей), каждая из которых имеет собственное косинусное преобразование.

64 измененных элемента делятся коэффициентом квантования и затем округляются. В конце концов, они становятся целыми числами. Это называется квантованием , и это часть всего процесса с потерями.Наконец, изображение кодируется с использованием комбинации длин серий и кодирования Хаффмана (энтропия).

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

Поскольку файлы JPEG влекут за собой сжатие изображений с потерями, некоторая информация в конечном итоге будет потеряна. Декодированное изображение будет немного отличаться от исходного файла RAW с камеры.Жертва небольшой потери качества ради уменьшения размера файла и увеличения скорости того стоит, особенно когда разница между исходным и конечным изображениями часто незаметна.

Каковы преимущества файлов Jpeg?

1. JPEG — эффективная форма сжатия изображений

Сжатие файла в формате Jpeg может сэкономить файловое пространство и увеличить скорость загрузки из-за меньшего размера. Но не беспокойтесь, файлы JPEG сжимают изображение, сохраняя при этом наиболее важные визуальные характеристики фотографии.Таким образом, даже если вы получаете файл меньшего размера, после экспорта все будет выглядеть точно так же, как в камере.

2. Лучшая читаемость файлов

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

Файлы JPEG

совместимы с такими платформами, как Microsoft Windows Photos, Apple Preview, Adobe Photoshop, Google Drive, Google Photos и многими другими.

3. Колодец сохранения цветовой информации JPEG

В отличие от векторных изображений, JPEG может передавать широкий спектр уникальных оттенков и тонов. Они используют 8 бит каждого цвета (RGB) и хранят 24 бита на пиксель, что позволяет отображать от до 16 миллионов уникальных цветов.

Что касается графики, лучше использовать векторную графику. Однако файлы изображений Jpeg — гораздо лучший способ представления фотографий.

4. Вы можете контролировать степень сжатия

A Уровни качества JPEG делятся на низкое, среднее и высокое.Если степень сжатия становится выше (более низкий рейтинг качества), изображения становятся более пиксельными, а цвета начинают распадаться.

Следовательно, сильно сжатый файл JPEG будет иметь гораздо более низкое качество. Бывают ситуации, когда вам может потребоваться более низкая настройка качества, например, для миниатюрных изображений на веб-сайте. В большинстве случаев, если значение сжатия равно 100 (наилучшее качество), работа будет выполнена.

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

5. Файлы JPEG можно передавать прямо с камеры

Когда вы фотографируете на цифровой фотоаппарат или смартфон, файлы JPEG можно загружать и делиться ими сразу после съемки. С другими формами файлов изображений в фотографии, такими как файл RAW, вам необходимо повторно экспортировать файл с помощью программного обеспечения для редактирования, прежде чем вы сможете поделиться фотографией. Захватив файлы JPEG, ваши фотографии готовы к работе в момент их съемки!

Jpeg Vs.Jpg — В чем разница?

И JPEG, и JPG представляют собой файлы одного типа, каждый из которых означает «Joint Photographic Experts Group». Расширение файла JPG пришло из старых компьютеров с ОС Windows, для которых требовалось максимальное трехбуквенное имя. На современных компьютерах чаще встречается расширение файла JPEG, но некоторые люди по-прежнему называют эти файлы JPG.

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

Как преобразовать изображение в формат Jpeg?

Существует множество бесплатных опций, когда дело доходит до преобразования изображения в JPEG — как онлайн, так и офлайн. Давайте рассмотрим несколько вариантов.

Вы можете преобразовать изображение в формат JPEG с помощью большинства доступных программ для редактирования изображений, таких как Photoshop или Gimp.

В Photoshop вы можете преобразовать изображение в JPEG после редактирования фотографии RAW. Необработанное изображение — это несжатый формат, который читается дольше, чем JPEG, но содержит больше информации о файле для редактирования.При резком увеличении яркости или настройке цвета формат JPEG не самый подходящий для этого. Поскольку информации о файле меньше, изображение начинает распадаться по мере корректировки.

Вот почему редактирование файлов RAW с последующим их экспортом в формате JPEG — лучший вариант для редактирования фотографий!

Использование компьютерных приложений:

— Как преобразовать изображение в JPEG в Photoshop (платно)

1. Откройте и отредактируйте изображение RAW в Photoshop по своему усмотрению.
2. Перейдите к Файл> Сохранить как.
3. Измените формат изображения на JPEG и нажмите Сохранить

— Преобразование изображения в JPEG в Windows

Paint or Paint 3d (бесплатно)

1. Откройте изображение в Paint.
2. Перейдите в главное меню и щелкните Файл> Сохранить как тип и выберите формат файла JPEG
3. Нажмите «Сохранить»

— Экспорт в формате JPEG с помощью предварительного просмотра на Mac (бесплатно)

1. Щелкните фотографию правой кнопкой мыши и выберите Открыть с помощью> Предварительный просмотр.
2. Перейдите в Файл> Экспорт.
3. В поле Формат выберите JPEG
4. Нажмите «Сохранить»

Использование бесплатных веб-приложений:

Image.online-convert.com

1. Выберите файл на своем компьютере
2. Вы можете изменить различные расширенные настройки, такие как качество изображения, размер изображения, DPI
3. Нажмите Начать преобразование

Онлайн-конвертер изображений CoolUtils

1. Загрузите файл, который вы хотите преобразовать.
2. Задайте параметры преобразования (в разделе «Преобразовать в» выберите JPEG)
3. Щелкните Загрузить преобразованный файл.

Как выглядит файл JPEG?

Первое, что может сказать вам, является изображение JPEG или нет, — это расширение имени файла. В большинстве случаев он заканчивается на .jpg или .jpeg.

Но теперь давайте выйдем за рамки этой детали и поговорим подробнее об изображении и фактических данных.

JPEG — растровые изображения.Это означает, что они состоят из пикселей, — в отличие от векторных изображений, основанных на математических формулах. Если вы внимательно посмотрите на изображение в формате JPEG, вы увидите, что на самом деле оно состоит из тысяч меньших цветных квадратов, иначе говоря, пикселей.

JPEG содержат всю графическую информацию внутри изображения — уровни яркости, цвет, тон изображения, битрейт, разрешение и так далее.

Чтобы понять, как выглядят данные JPEG, мы должны более подробно рассмотреть процесс сжатия изображений.Значения от 0 до 255 используются для представления цифровой фотографии. Имеет смысл использовать меньше битов для представления значений, которые встречаются чаще, и больше битов для представления значений, которые встречаются реже. Это процесс уменьшения избыточности кодирования при сжатии JPEG! Это означает, что важная информация остается там, потому что это уменьшение цвета менее очевидно для человеческого глаза, так как люди имеют низкую остроту восприятия цветовых различий.

В конце процесса субдискретизации цветности преобразование цветового пространства оказывается почти таким же, как и исходное.Что конкретно это означает? Окончательное изображение (вывод) будет другим изображением. Когда вы получите доступ к изображению в Интернете, вы заметите, что оно намного меньше по размеру. Но это будет очень похоже на исходное изображение. Настолько, что вы не заметите разницы.

Однако вы также можете выбрать качество окончательного изображения. Шаг квантования может привести к изображению, которое выглядит почти идентично оригиналу, но также может привести к нечеткому изображению, которое кажется состоящим из нескольких блоков.Все зависит от выбранного вами уровня сжатия. Более высокое сжатие означает больше артефактов.

В конце концов, единственное, что действительно важно для вас, — это то, что вы видите расширение файла .JPEG или .JPG. Не проводя никаких технических исследований, вы можете определить, какие из ваших файлов являются файлами JPEG, просто по их расширению!

— Брендан 🙂

В чем разница между BMP и JPEG

Сравнение BMP и JPEG

Кендра Д.Митчелл | 17 сен, 2020 11:00

BMP и JPEG являются форматами изображений и широко используются для хранения изображений на компьютерах и мобильных устройствах. На самом деле это расширения изображений, которые используются для графических файлов. Каждый может использовать любой из форматов изображений в соответствии с их потребностями в совместном использовании файлов или их хранении, но наиболее распространенная проблема заключается в том, что люди не знают, какой формат можно использовать для какой цели.В этом посте мы обсудим разницу между форматами BMP и JPEG , чтобы вы могли легко понять, какой из форматов BMP и JPEG лучше всего и где использовать.

Часть 1: JPEG против BMP

Если вы хотите узнать об основной разнице между BMP и JPEG , вы можете просмотреть таблицу ниже.

	BMP	JPEG
Полная форма	Битовая карта	Объединенная группа экспертов по фотографии
Добавочный номер	.BMP	.jpg / .jpeg
Минусы	Вы не можете сжимать файлы этого формата.	Этот формат очень сильно сжат. Когда вы сохраняете файлы этого формата, качество изображений будет ухудшаться с каждым сохранением и редактированием.
Приложение	Лучше всего использовать для программ Windows.	Используется в основном в мобильных устройствах для захвата и хранения изображений. Лучше всего также делиться изображениями в социальных сетях.

Часть 2: Подробнее о BMP и JPEG

а. Что такое BMP?

BMP — это формат изображения, и это несжатый формат, поэтому файлы этого формата очень большие по размеру по сравнению с другими форматами. Файлы BMP в основном используются для программ Windows на компьютерах с операционной системой Windows.Графические файлы формата BMP имеют свои собственные цвета в каждом пикселе изображения. Эти изображения имеют более высокое разрешение, чем изображения в формате JPG.

б. Как открыть файлы BMP?

Файлы BMP открывать очень легко, потому что этот формат полностью свободен от патентов, поэтому многие программы поддерживают открытие файлов этого формата. Для операционной системы Windows нет необходимости устанавливать какую-либо отдельную программу, потому что вы можете напрямую открывать изображения в программе просмотра фотографий по умолчанию.Если вы хотите открыть его с помощью других сторонних программ, вы можете попробовать XnView, IrfanView и GIMP. Некоторые программы предварительной обработки изображений также поддерживают открытие этих изображений, например Corel PaintShop Pro, Adobe Photoshop Elements и т. Д.

c. Что такое JPEG?

JPEG также является форматом графических файлов, который чаще всего используется людьми и в большинстве операционных систем. Файлы JPEG — это Joint Photographic Experts Group. Основное отличие BMP от JPEG заключается в том, что файл формата JPEG представляет собой сильно сжатый формат изображения.Изображения JPEG имеют меньшее разрешение, чем файлы BMP. Файлы этого формата поддерживают до 16 миллионов цветов. Файлы JPEG содержат мощную технологию, которая позволяет им анализировать важную информацию для каждого изображения. Он автоматически вносит необходимые изменения в изображения, которые невозможно уловить человеческим глазом.

d. Как открыть файлы JPEG?

Изображения JPEG поддерживаются компьютерами Mac и Windows, а также большинством сайтов социальных сетей.

Открыть JPEG в Windows:

Шаг 1: Найдите папку, в которой вы хранили изображения JPEG.

Шаг 2: Теперь дважды щелкните изображение и выберите программу просмотра изображений по умолчанию в вашей операционной системе Windows.

Откройте файлы JPEG на Mac:

Шаг 1. Откройте Finder на Mac и перейдите в папку с изображениями.

Шаг 2: Теперь просто дважды щелкните изображение, которое вы хотите открыть.

Резюме

Это основная информация о BMP и форматах изображений JPEG . Теперь вы можете легко использовать и открывать файл изображения любого формата в соответствии с вашими потребностями. Если вас не беспокоят небольшие изменения качества, используйте формат изображений JPEG, потому что эти файлы очень малы по размеру и вы можете легко хранить их где угодно.

Wondershare UniConverter может конвертировать JPG в BMP или BMP в JPG без потери качества и быстрого преобразования.Наиболее распространенные форматы изображений можно преобразовать в UniConverter. Дополнительную информацию см. Ниже.

Конвертер Wondershare UniConverter

• · Поддержка пакетной обработки преобразования изображений.
• · Конвертируйте изображения в более чем 1000 форматов, включая JPG, PNG, BMP, TIFF, GIF и другие.
• · Без проблем конвертируйте фотографии в JPEG или определенные форматы устройств.
• · Легко переносите преобразованные файлы с ПК / Mac на внешние устройства через USB-кабель.
• · Универсальный набор инструментов, объединяющий в себе конвертер изображений, средство создания GIF, видеокомпрессор, средство записи экрана и другие.

JPG против PNG: что выбрать для своего сайта?

При выборе фотографий для сайта важно не только то, что на них изображено. На самом деле, не менее важен выбор правильного формата изображения. Итак, давайте поговорим о JPG и PNG, что выбрать и почему.

Если вы выберете неправильный формат, вы можете получить более медленный веб-сайт, более высокий показатель отказов и более низкий коэффициент конверсии — а это не то, что вам нужно, особенно когда этого легко избежать.

Разница между PNG и JPG

Начнем с основных определений.

PNG — переносимая сетевая графика с так называемым сжатием без потерь. Это означает, что качество изображения было одинаковым до и после сжатия.

JPEG или JPG означает Joint Photographic Experts Group, с так называемым сжатием с потерями.

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

Однако более низкое качество не обязательно плохо.

Что такое JPEG?

Изображения

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

Хотя потеря качества при сжатии JPG 10: 1 незначительна, меньший размер делает файлы JPEG пригодными для использования в Интернете, поскольку уменьшение объема данных, используемых для фотографии, полезно для адаптивной презентации.

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

Что такое PNG?

PNG был создан как улучшенная замена GIF-файлов и стал наиболее распространенным форматом сжатия изображений без потерь в Интернете.

Так что же такое файл PNG?

Известное как «переносимая сетевая графика», изображение PNG может быть на основе палитры, в градациях серого и полноцветным, не основанным на палитре, RGB / RGBA.

Формат файла

PNG был разработан специально для передачи изображений в Интернете, а не для печати графики, и, как следствие, не поддерживает цветовые пространства, отличные от RGB, такие как CMYK.

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

JPG против PNG — основное правило

Поскольку форматы JPG и PNG имеют свои плюсы и минусы, вам следует максимально использовать их и использовать их сильные стороны.

На практике это означает, что вы должны использовать .jpeg для фотографий и .png для графики и снимков экрана.

Это действительно важно?

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

Итак, если изображения PNG выглядят не намного лучше JPG, почему бы всегда не использовать формат JPG и не упростить себе жизнь?

К сожалению, не все так просто, и причина тому — сжатие изображений.

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

Подумайте об этом так: сжатие изображения означает уменьшение размера изображения без ущерба для качества ради размера. Как правило, более сильное сжатие означает меньший размер файла, что означает худшее качество изображения.

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

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

Логически это означает, что чем больше изображение, тем больше время загрузки.

Услуги сжатия изображений

Существует множество сервисов и инструментов для сжатия изображений, и вот некоторые из них, которые вы можете использовать для jpg или png:

• Кракен.io — отличный баланс между размером и качеством

• Плагин Kraken WordPress — автоматическое сжатие изображений, которые вы загружаете на свой сайт

• WP Smush — плагин WordPress, который автоматически сжимает ваши изображения

Изображения, содержащие текст

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

Важное различие между jpg и png заключается в том, что в JPG контуры букв, а также тонкие линии графики обычно выглядят менее резкими.

Обычные изображения

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

Если вы решите использовать только PNG, они замедлят работу вашего сайта, что может расстроить пользователей.

Изменение размера изображений

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

1 — Используйте некоторые инструменты изменения размера, которые позволят вам вручную сместить края изображения. Если вы хотите сохранить исходное соотношение высоты и ширины, обязательно захватите угол изображения, а не одну из сторон, и это позволит вам пропорционально изменить размер изображения.

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

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

PNG против JPG, когда вы не уверены

К настоящему времени мы знаем, что для фотографий лучше использовать JPG.Изображения png лучше подходят для графиков и картинок с текстом. Но что лучше для изображений, которые находятся где-то посередине?

Снимки экрана — хороший тому пример, потому что они часто содержат фотографии, а также текст и четкие линии.

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

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

Заключение мыслей о сравнении JPG и PNG

Теперь, когда вы знаете, что такое файл PNG и в чем разница между PNG и JPG, вам должно быть проще выбрать правильный формат, чтобы ваш сайт оставался красивым, а также быстрым и отзывчивым.

Говоря о JPG и PNG, следует иметь в виду несколько ключевых моментов.

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

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

Итак, какой из них использовать? Ну, это зависит от типа изображения и от типа веб-сайта, который вы создаете.

Почему форматы изображений имеют значение для быстрого веб-сайта

Когда вы сохраняете изображения для использования на своем сайте, выбор правильного формата изображения имеет значение.

Почему?

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

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

Подробнее …

Начнем с основ:

Что такое JPG (или JPEG)?

JPG — это формат файла со сжатием с потерями.Подумайте об этом так: JPEG берет изображение и пытается уменьшить размер файла за счет уменьшения деталей изображения. Конечно, изображение можно просто уменьшить до пиксельного беспорядка, чтобы значительно уменьшить размер файла, но это не будет приятным результатом. Итак, JPEG ищет компромисс: меньший размер файла при максимально высоком качестве изображения. JPEG стали стандартным форматом сжатых изображений.

JPG или JPEG означает «Joint Photographic Experts Group», названную в честь организации, создавшей стандарт.

Технически правильное сокращение — «JPEG», но на практике оно используется как синонимы «JPG». Эта сокращенная аббревиатура связана с тем фактом, что в Windows расширения имен файлов обычно ограничивались 3 символами. Следовательно, имя файла было «.jpg» в Windows и «.jpeg» на Mac.

Что такое PNG?

PNG означает «Portable Graphics Format». Это наиболее часто используемый формат изображений, который по умолчанию поддерживает сжатие без потерь. Это отличный выбор для штриховых рисунков, текста и пиктограмм при небольшом размере файла.

Итак, каковы низкие показатели PNG и JPG ? Что обеспечивает лучшее качество изображений на вашем веб-сайте?

Основное правило: JPEG для фотографий, PNG для графики

Если вы помните только одну вещь из всего этого сообщения, пусть будет так: сохраняйте свои фотографии в формате JPEG, а графику (и скриншоты) в формате PNG.

Изображение этого типа должно быть сохранено в формате JPEG.

Подобный рисунок следует сохранить как PNG.

Практическое правило: если у него много разных цветов, градиентов и текстур, JPEG — правильный формат.Если он имеет четкие линии, четко разделенные области плоских цветов и текста, PNG — лучший вариант.

Но почему это важно?

Когда вы сравниваете изображения в JPG и PNG рядом, вы, вероятно, не заметите разницы. Итак, если между изображениями нет заметной разницы, почему бы просто не сохранить все в формате JPEG и покончить с этим?

Ответ: сжатие изображений.

Сжатие изображений — это максимально возможное уменьшение размера файла изображения без слишком большого ущерба для качества.Как правило, более сильное сжатие = меньший размер файла = худшее качество изображения. Хорошее сжатие изображений — это поиск хорошего компромисса между размером файла и качеством.

Все хорошо — смотреть на изображение в высоком разрешении на компьютере. Файл не сжат, и, поскольку он сохранен на вашем жестком диске, вы можете открыть его в мгновение ока. Но если тот же файл находится на веб-сайте, его необходимо загрузить. Даже при быстром подключении загрузка больших файлов изображений может занять несколько секунд.А когда дело доходит до скорости веб-сайта и коэффициента конверсии, у вас нет лишних секунд …

График выше показывает, что люди покидают ваш веб-сайт даже через несколько секунд ожидания. Если у вас есть несколько изображений большого размера (размер файла) на странице , вы можете потерять половину посетителей еще до того, как они увидят ваш контент.

Давайте посмотрим на практический пример этого. Если мы сохраним такую ​​фотографию с разрешением 1080p в обоих форматах изображений, вот что мы получим:

Качество изображения почти идентично, но неправильный формат изображения (в данном случае PNG) увеличивает размер файла вдвое!

Но мы еще не закончили.Даже файл меньшего размера в этом сравнении слишком велик для использования в Интернете — более 1 МБ. Это потому, что эти изображения несжатые, и, как правило, вы никогда не должны использовать несжатые изображения на веб-сайтах.

Загрузка нескольких больших несжатых изображений может замедлить ваши страницы до абсолютного сканирования, что резко повысит показатель отказов. Мы видели, что именно эта проблема затрагивает многие веб-сайты, которые мы просматривали за эти годы (например, этот).

Сжатие изображений JPEG и PNG

Итак, изображения необходимо сжимать, и при сжатии различия между JPEG и PNG становятся более четкими.

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

Вот что делает сильное сжатие JPEG с графикой:

Эти нечеткие контуры и ореолы вокруг текста — явные признаки сжатия JPEG для файла, который должен был быть PNG.

Вот как выглядит то же изображение при сохранении в формате PNG:

Обратное не так уж плохо.Если сохранить фотографию в формате PNG и сжать ее, она все равно будет выглядеть нормально. Присмотритесь к градиентам поближе, и вы заметите некоторую зернистость, но в этом нет ничего плохого. Проблема здесь в размере файла: фотографию в формате JPEG можно сжать до небольшого размера без особой потери качества, в то время как PNG просто невозможно сжать так сильно.

Вот как наши файлы примеров из до сравнения после сжатия:

Изображение JPEG теперь значительно меньше 1 МБ, что приемлемо для большого основного изображения на странице (вы не захотите загружать много других изображений хотя бы такого размера).Качество изображения PNG все еще в порядке, но размер файла примерно на 25% больше, чем должен быть.

PNG для четкой графики

Обратите внимание, что если вы сохраняете графику или снимок экрана в формате JPEG и сильно сжимаете его, вы обычно можете получить меньший размер файла, чем со сжатым PNG. В этом случае вам следует отдавать предпочтение качеству изображения, а не размеру файла: PNG будет выглядеть четче и четче, чем JPEG того же размера. И он будет выглядеть намного четче и четче, чем в формате JPEG с меньшим размером файла.

Вот параллельное сравнение: сжатый JPEG и сжатый PNG с аналогичными размерами файлов.

Версия JPEG. Размер файла: 64 КБ. Щелкните, чтобы увеличить.

Версия PNG. Размер файла: 65 КБ. Щелкните, чтобы увеличить.

Сравните эти изображения и посмотрите, что вы чувствуете. Вы можете оказаться невосприимчивыми к нечеткости изображения JPEG, но, как я уже упоминал в видео, для некоторых из нас это пытка …

Прозрачный фон: PNG

Существенная разница между.jpg и .png заключается в том, что только формат .png поддерживает прозрачный фон.

Вот пример раздела заголовка веб-сайта, в котором используется изображение с прозрачностью:

Изображение справа — это фотография, что означает, что его лучше всего сохранить как файл JPEG. Однако изображение накладывается на фон с градиентом и фоновым изображением. Способ сделать этот макет возможным — сохранить изображение как PNG с прозрачностью.

Дело «Не уверен, какой именно»

Иногда у вас есть изображение, которое явно не попадает ни в категорию «фотография», ни в категорию «графика».Например, снимок экрана, содержащий текст и четкие линии, а также фотографии, например этот:

Этот пример взят из нашего набора «Chic» целевой страницы для Thrive Architect.

В случае снимка экрана почти всегда лучше сохранить его как PNG. Таким образом мы сохраняем четкость и удобочитаемость текста на изображении.

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

Как сжимать изображения

Вот несколько сервисов и инструментов, которые вы можете использовать для сжатия изображений:

• Kraken.io — сервис, который мы используем. Превосходное сжатие изображения при сохранении высокого качества изображения.
• Плагин Kraken WordPress — для автоматического сжатия изображений, которые вы загружаете на свой сайт (примечание: в наши темы встроена эта функция).
• WP Smush — еще один плагин WordPress, который автоматически сжимает ваши изображения.

Как насчет webp и других форматов изображений?

Помимо PNG и JPEG, существуют различные другие форматы изображений, такие как GIF, BMP и TIFF.

Большинство из них просто хуже, чем JPEG или PNG для использования в Интернете, поэтому их не стоит обсуждать более подробно (по крайней мере, не в рамках этой статьи).

Один из форматов изображений, на который стоит обратить внимание, — это webp. Это формат изображения, созданный специально для Интернета и для файлов небольшого размера. Файлы Webp часто меньше файлов JPEG или PNG, при этом сохраняя высокое качество изображения. Webp хорошо поддерживается в веб-браузерах, но еще не очень распространен в программах редактирования изображений.

К вам

Теперь вы вооружены знаниями и инструментами, чтобы выбрать правильный формат изображения и сохранить свой веб-сайт быстрым и красивым.

Если у вас есть вопросы или отзывы, оставьте, пожалуйста, комментарий ниже!

SVG, PDF, JPG, PNG; Какая разница? — 95Visual

При разработке веб-сайта нужно учесть многое. Чтобы произвести хорошее впечатление с помощью профессионально выглядящего веб-сайта, вам нужно больше, чем просто хорошая цветовая схема, приятные для глаз шрифты и соответствующий контент.Графика играет важную роль в том, чтобы сделать ваш сайт интересным. Однако вам необходимо убедиться, что вы используете правильный графический формат для достижения наилучших результатов.

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

Масштабируемая векторная графика (SVG)

Графический формат SVG был разработан для использования для представления изображения и его элементов, которые могут включать объекты, рисунки и рисунки в XML.

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

Этот формат подходит для веб-страниц, которые просматриваются на устройствах с высокой плотностью пикселей, таких как смартфоны или планшеты. Вы можете редактировать файл в редакторе, чтобы изменить настройки графики на веб-сайте при использовании CSS.

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

Должен загружаться весь объект, и это может замедлить работу вашего веб-сайта.

Переносимый файл документа (PDF)

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

PDF-файлы соответствуют стандартам ISO 32000 для электронного обмена документами. Файлы PDF могут быть защищены паролем, чтобы ограничить доступ и предотвратить копирование или подделку.Их также можно использовать в случаях, когда необходима юридически обязательная электронная подпись. Файлы PDF можно просматривать во всех браузерах с помощью подключаемого модуля.

Объединенная группа экспертов по фотографии (JPEG / JPG)

Этот стандарт был создан Объединенной группой экспертов по фотографии, и файлы, которые создаются в соответствии с этим стандартом, обычно представляют собой небольшие файлы. В формате JPG изображение сжимается, чтобы уменьшить размер файла. Например, фотографии, сделанные цифровой камерой, обычно имеют формат JPG.Это позволяет хранить множество изображений на SD-карте камеры.

Из-за своего небольшого размера файлы JPG идеально подходят для фотографий на веб-сайтах. Однако они не подходят для представления логотипов, графики или штриховых рисунков, потому что в процессе сжатия изображение теряет некоторые детали. Это делает изображения похожими на точечные рисунки с неровными линиями.

Переносимая сетевая графика (PNG)

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

PNG используется почти исключительно для изображений, используемых на веб-сайтах. Из-за размера файла PNG этот формат не рекомендуется для фотографий, как и JPG, если размер файла не является проблемой. Если у вас есть смесь изображений с штриховой графикой и текстом, формат PNG сделает изображение более резким, а не растровым.Более высокие уровни PNG поддерживают прозрачность, как и GIF. Это делает формат PNG подходящим для веб-изображений, таких как логотипы, которые вы также хотите включить в эффекты прозрачности и выцветания.

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

Другие сообщения в блогах о дизайне

JPG против PNG для Интернета

Как выбрать лучший тип файла изображения для вашего веб-сайта

Мы не будем обсуждать jpg и jpeg в сегодняшнем посте, хотя, проработав почти десять лет, я все еще переключаюсь между ними.Кстати, сегодня это JPG. Двигаемся дальше…

Когда дело доходит до выбора изображений для вашего веб-сайта, вам есть о чем подумать. Вам нужно взвесить стиль, фильтр, тематику и многое другое. Но как насчет лучшего типа файлов изображений для веб-сайтов? Подумайте о том, что вы хотите от изображения с технической точки зрения на вашем сайте. Вам нужно четкое изображение, и вы хотите, чтобы оно загружалось быстро. Достаточно просто, правда?

JPG

JPG — отличный формат файлов для больших изображений, которые загружаются быстро.Думайте об этом как о скользящей шкале — чем больше изображение, тем медленнее оно загружается. Итак, если вы хотите, чтобы на вашем сайте было большое изображение, вам нужно сделать ваше изображение большого размера меньшего формата. Единственный способ сделать это — сжать файл. Файлы JPG с потерями. Короче говоря, с потерями — это тип сжатия, при котором файл отбрасывает часть содержимого. Файл аппроксимирует или оценивает данные, используя меньшее представление для определения целого. В большинстве случаев вы даже не заметите разницы.Тем не менее, сжатие с потерями является постоянным. Таким образом, если у вас есть большой файл и вы сжали его до более легкого JPG, чтобы ускорить загрузку, вы не сможете потом отменить файл и «вернуть качество» в будущем.

В целом JPG

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

JPG отлично подходят для:

• Крупноформатные прямоугольные изображения шапки и главного героя
• Веб-страницы с большим количеством изображений (галереи и альбомы изображений, каталоги электронной коммерции и т. Д.)

PNG

Тип файла PNG содержит больше данных, чем JPG.В отличие от JPG сжатие PNG осуществляется без потерь. Проще говоря, вы можете уменьшить размер изображения, сохранив качество. Например, если вы занимаетесь фотографией, даже малейшее снижение качества может иметь значение для вашей аудитории. Для такого веб-сайта, как ваш, вы можете предпочесть четкие PNG, даже если это означает потерю времени загрузки.

В целом PNG

• опора прозрачная
• — файлы большего размера (они «весят больше»)
• имеют более медленное время загрузки
• четче и качественнее

PNG отлично подходят для:

• прозрачных изображений
• логотип файлов
• иконки
• иллюстраций
• сложные изображения меньшего размера
• изображений с текстом как частью графики

Другие параметры формата файла изображения

Было бы несправедливо положить конец вековым дебатам о PNG и JPG, если бы мы не упомянули два других типа файлов.GIF и SVG также являются популярными типами файлов изображений для веб-сайтов.

SVG — В отличие от JPG и PNG, тип файла SVG является векторным, что означает, что вы можете неограниченно увеличивать и уменьшать размер изображения и никогда не получить размытый результат. Как? На самом деле это довольно просто. В отличие от растровых изображений, векторные изображения не состоят из одноцветных пикселей. Вместо этого файл состоит из линий, точек и кривых. Итак, когда вы увеличиваете и уменьшаете масштаб файла (или увеличиваете / уменьшаете размер), точки и кривые линий подчиняются математическому уравнению.

GIF — файлы GIF используют 265 цветов из RGB, но, как и их аналог PNG, они не содержат потерь. С этим цветовым ограничением вы бы избежали формата GIF, если бы сохраняли фотографию, любую иллюстрацию с градиентом или любое другое красочное изображение. GIF-файлы обычно используются для кнопок веб-сайтов, а иногда и для значков. И, как вы, наверное, знаете, GIF-файлы также поддерживают анимацию.

Инструменты сжатия и оптимизации изображений

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

1. Крошечный PNG: https://tinypng.com/
2. Оптимизатор JPEG: http://jpeg-optimizer.com/
3. Optimizilla: https://imagecompressor.com/
4. Изменение размера фотографий: http://www.resize-photos.com/

Часто задаваемые вопросы

Какой формат изображения лучше всего подходит для веб-сайта?

Это зависит от того, что вы ищете. Если вам нужно быстро загружаемое сжатое изображение, выберите формат JPG.Если вы ищете высококачественное четкое изображение, выберите PNG.

Какой тип файла следует использовать для логотипа моего веб-сайта?

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

Что лучше: PNG или JPG?

JPG лучше подходят для быстрой загрузки веб-сайта. PNG лучше для более четких изображений.

Что лучше: PNG или JPG?

PNG имеют более высокое качество.

Разница между JPEG и JPG

JPG и JPEG относятся к форматам файлов изображений. Форматы файлов изображений не всегда одинаковы. На самом деле, все они должны решить проблему, которую простая рутина не может решить. Формат JPEG, например, был создан в связи с тем, что размеры файлов изображений занимали слишком много места для хранения. Версии файлов JIF, JPEG и JPG, нравится вам это или нет, относятся к одному и тому же элементу.Чтобы понять, почему у этого типа файла много заголовков, мы должны сначала расшифровать беспорядочный фон. JPEG JPEG означает «Объединенная группа экспертов по фотографии». Аббревиатура JPEG расшифровывается как Joint Photographic Experts Group. Это сообщество специалистов, разрабатывающих спецификации компьютерных изображений. Фотографии JPEG (произносится как Джей-Пег) — это изображения, созданные с использованием этого формата. JPG — это популярная сокращенная версия JPEG. Объединенная группа экспертов по фотографии (JPEG) — это стандартный формат изображения для цифровых фотографий, которые были созданы и созданы с помощью цифровой фотографии . Международная организация по стандартизации (ISO) и Международная электротехническая комиссия (IEC) сформировали совместную рабочую группу под названием Joint Photographic Expert Group. Это высококачественный метод сжатия графических файлов. Чаще всего используется для файлов с расширением.jpg или.jpeg и обычно используется для уменьшения размера цифровых файлов. Подкомитет, который помог создать тип формата обмена JPEG (JIF), отвечал за идентификацию файла pdf. Исходная спецификация JPEG была представлена ​​в 1992 году и используется во многих более ранних патентах и ​​исследовательских работах, подготовленных ITU-T и Joint Photographic Experts Group. Технически JPEG — это 24-битные большие растровые изображения по 8 бит для каждого цветового потока RGB. JPEG не поддерживает прояснение, и нет необходимости в альфа-канале, потому что они могут поддерживать более 16 миллионов цветов. Кроме того, из-за алгоритмов сжатия с потерями часть данных теряется при сохранении изображения в формате JPEG.В результате файл занимает на 50-75 процентов меньше дискового пространства, чем стандартные форматы, такие как BMP, с небольшой потерей качества изображения или без нее. При использовании файла JPEG для методов сжатия помните о следующих моментах: Во-первых, поскольку процесс сжатия необратим, вы не сможете восстановить исходную согласованность или масштаб изображения после того, как оно прошло сжатие с потерями. Во-вторых, хотя вы можете изменить размер изображения, имейте в виду, что чем больше размер изображения, тем ниже качество изображения. Наконец, если вы хотите сохранить целостность изображения, вам все равно следует использовать сжатие без потерь и сохранять его в формате PNG вместо сжатия. Однако, хотя согласованность изображения сохраняется, размер файла обычно больше, чем у файлов сжатия без потерь. Преимущества использования формата JPEG: Файлы JPEG могут занимать всего несколько мегабайт дискового пространства благодаря обработке. JPEG широко используется для услуг хостинга изображений, профессиональных и профессиональных художников, датчиков изображений и других приложений.Это связано с тем, что качественные фотографии занимают меньше места для хранения. Происхождение различных расширений файлов можно проследить до первых версий Windows. Первоначальное расширение файла в формате Joint Photographic Expert Group было .jpeg, но Windows разрешила всем файлам иметь трехбуквенный суффикс, что, следовательно, требовало изменения файлов на «.jpg». JPG Объединенная группа экспертов по фотографии (JPEG) создала тип файла JPG как формат для профессиональной фотографии.Файлы JPG уменьшают количество цифровых изображений, сводя части изображений к блокам пикселей или «плиткам», подобно тому, как архивы ZIP находят увольнения в архивах сжатых данных. Он был разработан для хранения массивных файлов изображений с фотографиями в относительно узких местах, а не для редактирования фотографий, поскольку сжатие JPG имеет нежелательные последствия, поскольку является необратимым. Благодаря своей способности сжиматься слишком далеко, JPG стали де-факто эталоном для Интернета. В зависимости от настроек стандартный JPG может быть сжат в диапазоне от 2: 1 до 100: 1.JPG-файлы стали единственным возможным способом передачи графических данных обратно, пока Интернет был коммутируемым. Однако из-за того, что JPG имеет структуру с потерями, это не идеальный формат для хранения художественных файлов. Даже самый лучший уровень качества для JPG сжимается и может незаметно изменить внешний вид вашего файла. Сглаживание в JPG делает его непригодным для типографики, четких линий или даже изображений с четкими контурами, поскольку они часто искажаются или разбрызгиваются. Более того, эта потеря будет накапливаться с течением времени, так как различные копии иллюстраций могут ухудшаться с каждым сохранением.Даже в этом случае, поскольку JPG является таким стандартным форматом файла, часто можно увидеть его сохраненным как JPG. Чтобы противостоять этой критической проблеме снижения производительности, Joint Photographic Experts Group разработала программное обеспечение для сжатия JPG с потерями. Однако стандарт JPEG-LS не был превзойден из-за скорости коммутируемого доступа и общей потери энтузиазма при работе с расширенными, не ухудшающимися файлами. Однако пользователи могут устанавливать плагины для открытия и передачи файлов JPG2000 без потерь, а определенные приложения, такие как Apple Preview, могут читать и передавать файлы JPG2000 прямо из пакета. По сравнению с 8-битным растровым изображением, JPG поддерживает 24-битные файлы RGB, CMYK и файлы в градациях серого. В файлах JPG использование цветового пространства CMYK может не рассматриваться. Также стоит отметить, что файлы JPG с оттенками серого не так компактны, как цветные. При использовании фотографий для своих блогов, профилей продуктов и сообщений в блогах вы уже сталкивались с различными форматами изображений. Даже если вам не нужно нанимать «эксперта по изображениям» для работы с изображениями, неплохо было бы узнать об общих типах файлов, таких как JPEG и JPG. Давайте подробнее рассмотрим форматы файлов JPEG и JPG, чтобы понять различия и сходства между ними! JPG и JPEG — это одно и то же. Можно сказать, что они практически идентичны. Итак, почему вообще кто-то вообще потрудился прочитать этот пост? Напомню, что случилось. В более ранних версиях Windows использовался формат файла JPG, тогда как операционная система поддерживала только трехбуквенные форматы: PNG, JPG и GIF. Он не может применять дополнительные буквы к имени формата файла, потому что система не поддерживает его.С выпуском более новых операционных систем платформа поддерживает четырехбуквенные форматы файлов, позволяя добавлять отсутствующую букву «E» и заменять JPG на JPEG. Однако в MacOS и Linux ситуация была иной, и пользователи также могли использовать JPEG, а не JPG. JPEG против JPG: что лучше, вектор или растр? Теперь, когда вы знаете эту малоизвестную правду о JPEG и JPG, пора выяснить, являются ли они прямоугольными или векторными файлами. Графика, которую вы видите здесь на мониторе своего компьютера, состоит из растровых или векторных пикселей, двух форм изображения, составляющих компьютерную анимацию. JPG JPEG Растровые изображения — это растровые изображения, состоящие из отдельных пикселей, расположенных в виде сеток для создания изображения. Эти растровые изображения разделены на маленькие квадратные прямоугольники, окрашенные в другой цветовой оттенок. Эти коробки не имеют смысла сами по себе, но когда они все собраны вместе, они обеспечивают четкое изображение на мониторе вашего компьютера. С другой стороны, векторная графика не состоит из пикселей. Вместо этого они зависят от математических моделей для описания различных форм, включая треугольники, круги, многоугольники и квадраты.Более организованные изображения, такие как статические изображения, значки, флаги и шрифты, лучше подходят для этой формы изображения. В отличие от растровых изображений, векторная графика более компактна, модульна и настраиваема, поэтому она по-прежнему пользуется популярностью. Вы можете загрузить файл экслибриса в формате JPG и распечатать его на любых этикетках по вашему выбору. файлов JPEG уменьшаются до 5% от исходного размера. Вы можете сохранить отсканированные фотографии в виде файла JPG после импорта их со сканера. JPEG, полученный от кого-то, не открывается. Размер можно регулировать, и вы можете преобразовать формат файла, сохранив функции JPG. Изображение извлекается и сохраняется как файл JPEG. JPG оценил, как изменить эту функцию на BMP, и отладил ее! На основе файла JPEG создается особая техника нанесения водяных знаков в городской среде. Пользователи должны вырезать то, что они хотят сохранить в виде файла JPG, который затем можно будет использовать на своем веб-сайте. Выходной файл JPEG будет предметом этой страницы. Могут ли как JPEG, так и JPG эффективно поддерживаться при сохранении? Нет, это неправда. При сохранении на локальный компьютер все эти типы изображений теряют свою точность. JPEG — это формат изображения для сжатия без потерь, который мы описали ранее в этом посте, и поскольку JPEG и JPG — это одно и то же, метод давления относится к ним. Удалите букву «E» из JPEG, и у вас будет JPG. Единственное различие между JPEG и JPG теперь — буква «E» в центре.Первоначально файловая программа была известна как JPG, потому что более старые версии Windows не могли обрабатывать лишнюю букву, а теперь она известна как JPEG. Независимо от того, как вы их называете, владельцы веб-сайтов обычно используют файлы JPEG и JPG, поскольку они меньше по размеру и быстро загружаются. В результате сайты загружаются быстрее Это технологический формат изображений. Ответ сохраняется в формате .jpg или .jpeg. За исключением группы используемых записей, нет различий между JPG и JPEG. Для изображений наиболее широко используется формат JPEG. Это удобно для цветных фотографий или изображений с большим количеством переходов или наклонов. Но даже в этом случае он не идеален для грубых краев и может вызвать размытие. Это потому, что JPEG — это инструмент сжатия без потерь для цифровых изображений. Обеспечивает небольшую нечеткость из-за сжатия при сохранении файла в формате JPEG. В результате JPEG — не лучший формат для использования, если вам нужно часто редактировать и повторно сохранять файл. Из-за сжатия при каждом повторном сохранении наблюдается небольшая неэффективность.Если сделано всего несколько правок и файл сохранен в формате с высоким разрешением, потеря качества по сравнению со сжатием в основном незначительна. С другой стороны, владельцы Macintosh не ограничивались трехбуквенными файлами конфигурации, они выбрали «.jpeg». Windows, наконец, начала принимать и ‘.jpeg’, благодаря улучшениям. Однако, поскольку многие люди еще не были знакомы с расширением файла «.jpg», третье и четвертое расширения продолжают широко использоваться.Поскольку несколько человек были пользователями Windows, формат «. No related posts. alexxlab Разное Рено дастер приборная панель описание индикаторов: Описание значков на панели приборов на Рено Дастер alexxlab 21.09.2023 0 Разное Юпитер 8м 2 50: Объектив Юпитер-8 50 mm f/ 2 Характеристики, MTF, отзывы, обзоры, тесты :: Lens-Club.ru alexxlab 21.09.2023 0 Разное Применение квадрокоптеров: Популярные сферы применения квадрокоптеров — Статья alexxlab 20.09.2023 0 Разное Оригинальные фотки: Оригинальные картинки на аву (100 фото) • Прикольные картинки и позитив alexxlab 20.09.2023 0 Разное Speedlight sb 500: б.у. Накамерный осветитель Nikon Speedlight SB-500 alexxlab 19.09.2023 0 Разное Фигуры из полотенец: 17 клевых фигур из полотенец, которые вы могли не видеть в отелях alexxlab 19.09.2023 0 Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сайт