Важность изображений может быть легко оценена по знаменитой цитате, в которой говорится «изображение стоит тысячи слов». Наличие изображений на веб -странице играет важную роль в привлечении посетителей, давая представление о содержании страницы. Не будет неправильно сказать, что содержимое страницы идут рука о перчатках с изображениями, чтобы дать четкое представление о том, о чем оно все, и именно поэтому были представлены несколько форматов изображений с прохождением время.
Форматы файлов изображения {.wp-block heading}
Когда мы говорим о цифровых изображениях, мы сталкиваемся с различными типами изображений в нашей повседневной жизни, такими как известный BMP, PNG, GIF, JPG, SVG, TIFF, WEBP и несколько других. Использование конкретного типа изображения на веб -страницах может оказать влияние на производительность страницы, такую как время загрузки, которое считается одним из важных факторов в рейтинге страницы. Основные конкуренты за использование в Интернете включают PNG, GIF, SVG и JPG, которые существуют уже десятилетиями. Недавний опрос Web Technologies показывает, что доля львиного использования веб -использования проводится форматами файлов изображений PNG и JPEG.
Давайте посмотрим на некоторые из самых популярных форматов изображений, их применения и использования по всему миру.
gif
GIF (графический формат обмена) был введен в 1987 году и использует сжатие без потерь, чтобы сохранить качество изображения. GIF, как правило, допускает до 8 бит на пиксель, и до 256 цветов разрешено на изображение. GIFS также поддерживает анимацию, которая является единственной уникальной характеристикой, которая отличает ее от других форматов файлов изображений. Анимированный GIF объединяет многочисленные изображения или кадры в один файл и отображает их в последовательности, чтобы сгенерировать анимированный клип или короткое видео. Ограничения цвета составляют до 256 для каждой кадра и, вероятно, будут наименее подходящими для воспроизведения других изображений и фотографий с цветовыми градиентами.
png
PNG (Portable Network Graphics) - это широко используемый формат файла изображения, созданный в 1995 году для замены GIF. PNG использует сжатие без потерь и не поддерживает анимации. Это поддерживается почти во всех операционных системах к настоящему времени. PNG дает вам гибкость в работе со сложными изображениями и поддерживает до 16 миллионов цветов, что является одной из причин его несколько большого сравнительного размера файла. Некоторые преимущества, которые делают PNG превосходным GIF, включают:
jpg/jpeg {.wp-block heading}
JPEG (совместная фотографическая группа экспертов) была введена, чтобы уменьшить размер файла изображения с помощью методов сжатия Lossy. Выходное изображение, в результате сжатия, представляет собой компромисс между размером хранения и качеством изображения. JPG - это очевидный выбор, когда хранилище является основной проблемой, а скорость требуется в медленных сетях. Пользователи могут настроить уровень сжатия для достижения желаемого качества по сравнению с размером файла. JPG, однако, не поддерживает прозрачность и анимацию и не может использоваться в Интернете, где требуются какие -либо такие функции. Формат был выбором хранения и передачи фотографических изображений в Интернете. FileFormat.com делится подробности формата файла JPEG спецификации.
svg {.wp-block heading}
Файлы SVG (Scalable Vector Graphics) Используют текстовый формат на основе XML для описания внешнего вида изображения. Это один из наиболее используемых форматов для построения веб -сайтов и печатной графики для достижения масштабируемости. SVG достигает масштабируемости от математически объявленных форм и кривых, которые он использует для рисования изображений. И именно поэтому SVG также не зависит от разрешения. Размер файла SVG велик по сравнению с GIF и PNG, поскольку он находится в категории форматов файлов сжатия изображений без потерь. Файлы SVG можно просмотреть/открывать практически во всех современных браузерах, включая Chrome, Internet Explorer, Firefox и Safari. Краткое описание формата файла SVG можно найти, как подробно описано fileformat.com.
webp {.wp-block heading}
Изображение WebP - это современный формат файла веб -изображений, основанный на сжатии без потерь и сжатия. Формат фокусируется на сохранении качества изображения при одновременном сокращении размера изображения для более быстрого веб -опыта. WebP сравнительно новый, и для этого формата файла потребуется некоторое время, чтобы широко использоваться в Интернете. Согласно Google, изображения без потерь WebP имеют размеры на 26% меньше по сравнению с PNGS, в то время как изображения с потерей WEBP на 25-34% меньше, чем сопоставимые JPEG изображения. Webp является сравнительно новым форматом файла и поддерживается в браузерах Chrome и Opera. Потребуется некоторое время, чтобы этот новый формат файла обычно использовался в Интернете.
Использование в Интернете.
Как упоминалось ранее, использование типов изображений в Интернете подлежит требованиям. Если странице требует представления содержания в анимированной форме, следует использовать GIF. JPEG является очевидным выбором, если ограничения размера файла соблюдаются с учетом. PNG помогает, когда требуются более подробные и качественные изображения. SVGs масштабируются и могут использоваться, если размер файла не является проблемой. Последний формат файлов, представленный Google, Webp, является очевидным выбором использования в Интернете после его распространения. Важным фактором, рассматриваемым при использовании выбранного формата файла изображений в Интернете, является размер файла, который влияет на время загрузки веб -сайта и играет важную роль в улучшении SEO.