Красивые картинки в формате png для seo мастеров и блогеров – подборка! Png продвижение
продвижение PNG, векторы, осчс, иконы для свободного скачивания
- ГРАФИЧЕСКИЙ ДИЗАЙН
- ROYALTY FREE
Popular Royalty Free
2018 Календарь 2018 день рождения Календарь День отца Цветы логотип Листья День матери рождество Цветок Лето С новым годом Акварель свадьба - PNG
популярный PNG
животные Стрелки осень птица день рождения автомобилей рождество круг облако коронка взрыв огонь цветок трава Хэллоуин Сердца свет линия логотип музыка люди Ленты дым звезда солнце дерево воды - VECTOR
популярный=?> VECTOR
животное Стрелки фон баннер автомобилей рождество облако Флаги цветок Хэллоуин Сердца логотип Ленты небо звезда солнце дерево акварельный свадьба
- ROYALTY FREE
ru.pngtree.com
Красивые картинки в формате png для seo мастеров и блогеров - подборка!
Приветствую вас дорогие читатели. В поисковом продвижении сайта немаловажным показателем является дизайн сайта, которому нужно уделить должное внимание. Для этого не нужно быть профессиональным дизайнером, достаточно включить фантазию и иметь под мышкой рукой несколько красивых изображений.
Данная подборка будет состоять из трех частей, а точнее из трех тематических направлений. Думаю, у вас несомненно найдется то местечко на сайте, где можно применить эти картинки!
Все картинки в формате png (прозрачный фон), а это значит, что вы можете вставить её куда угодно!
И так, давайте перейдем непосредственно к делу!
Подборка № 1
Как видите, в первой подборе участвуют выше представленные шесть картинок:
В архиве находятся две папки (соответствующие размерам картинок):
1.512?512 (px) 2.128?128 (px)
Подборка № 2
Картинки, собранные во втором архиве, относятся к музыкальной направленности, но, уверен, они подойдут и к сайтам любой другой тематики.
В архиве находятся также 2 папки:
1.512?512 (px) 2.128?128 (px)Все картинки в хорошем качестве, находятся в свободном распространении, собраны на разных англоязычных ресурсах.
Подборка № 3
Эти картинки могут найти самое разное применение: логотип статьи, анонс, изображение какой-либо рубрики на сайте и так далее..
К сожалению не нашлось больших размеров, но, все же, лучше чем вообще ничего.
В zip архиве находится одна папка папка:
1.128?128 (px)
В будущем я и дальше буду выкладывать подобные картинки в формате png, в новой рубрике под названием – для дизайна сайтов. Их вы можете переделать и в любой другой формат (если понадобится) для того, чтобы они занимали меньше места. Это можно сделать в популярнейшей программе фотошоп или же вы можете просто оптимизировать их.
На этом все, подписывайтесь на обновления блога и получайте самые свежие посты о поисковом продвижении сайтов, безопасности, монетизации, об уроках wordpress и многом другом!
Если вам нужна помощь в создании какого-либо функционала, сайта, сервиса, тестов или калькуляторов, то готов помочь, подробнее на странице услуг.
sergey-oganesyan.ru
интернет сео сайт продвижение Фотографии PNG | Векторы и PSD-файлы
- ГРАФИЧЕСКИЙ ДИЗАЙН
- ROYALTY FREE
Popular Royalty Free
2018 Календарь 2018 день рождения Календарь День отца Цветы логотип Листья День матери рождество Цветок Лето С новым годом Акварель свадьба - PNG
популярный PNG
животные Стрелки осень
- ROYALTY FREE
ru.pngtree.com
продвижение товара, дешевле, выгоды, скидка PNG изображение для бесплатной загрузки
- ГРАФИЧЕСКИЙ ДИЗАЙН
- ROYALTY FREE
Popular Royalty Free
2018 Календарь 2018 день рождения Календарь День отца Цветы логотип Листья День матери рождество Цветок Лето С новым годом Акварель свадьба - PNG
популярный PNG
животные Стрелки осень птица день рождения автомобилей рождество круг облако коронка взрыв огонь цветок трава Хэллоуин Сердца свет линия логотип музыка люди Ленты дым звезда солнце дерево воды - VECTOR
популярный=?> VECTOR
животное Стрелки фон баннер автомобилей рождество
- ROYALTY FREE
ru.pngtree.com
Gif, Png или Jpg — форматы растровой графики для веба, их плюсы и минусы при использовании на сайте | KtoNaNovenkogo.ru
Gif, Png или Jpg — форматы растровой графики для веба, их плюсы и минусы при использовании на сайте
Обновлено: 9 марта 2018
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу поговорить про форматы растровой графики, которые было уместно применять для картинок выводимых на сайте, да и вообще.
Мы рассмотрим Gif, который популярен сейчас именно из-за поддержки им гиф анимации, Jpg, который очень хорошо подходит для вставки полноцветных фотографий и, конечно же, Png, который позволяет создавать картинки с прозрачным фоном и может служить отличной заменой упомянутых ранее форматов. Так же можете почитать про наполовину графический, а наполовину текстовый формат djvu.
Все они активно используются в современной верстке сайтов, но тонкость заключается в том, чтобы выбрать оптимальный формат для каждого конкретного случая, чтобы и качество изображения не пострадало, и его вес был бы минимальным. Саму графику я советую брать с бесплатных сервисов на подобии IconFinder, Freepik, PSDGraphics и других подобных, чтобы потом не было бы проблем с нарушением авторского права.
Растровая графика для веба в лице Гиф, Джейпег и Пнг
Сейчас очень трудно представить веб-сайты и отдельных веб-страниц совсем без наличия на них каких-либо фотографий, значков или картинок. Кстати, первым браузером, который мог показывать графику, стал Mosaic (мозаика), появившийся практически одновременно с появлением языка гипертекстовой разметки Html.
Причем, как я уже упомянул выше, для добавления на сайт подойдут не все форматы изображений, а только определенные, максимально под это заточенные — Gif, Png и Jpg. В зависимости от типа картинки, которую вы хотите добавить на веб страницу, вам и нужно будет выбирать один из упомянутых форматов, которые, в свою очередь, относятся к так называемой растровой графике.
Сама по себе она подразумевает, что изображение на бумаге или мониторе будет формироваться из так называемых единичных элементов называемых пикселями (точек цветов). Все картинки любого формата, относящегося к растровой графике, обладают некоторыми свойствами.
Размер картинки у них определяется таким понятием, как разрешение, которое представляет из себя размер изображения в пикселах по горизонтали и вертикали, например, 300 на 200. Иногда, правда, говорят об общем количестве пикселей в картинке, например, производители фотоаппаратов (12 Мега пикселей и т.п.).
Применительно к вебу, физический размер растровой картинки может существенно зависеть от величины пикселя (зерна экрана) того устройства, на котором пользователь осуществляет просмотр веб страницы. Изображения так же характеризуются таким понятием, как количество цветов используемых в нем. Например, для Gif используется всего лишь 256 цветов, которые задаются в одном байте информации.
Ну, и кроме этого в этих форматах могут использоваться различные цветовые модели, при помощи которых формируются все возможные оттенки. Когда мы рассматривали с вами написание кодов цветов в Html, то там довольно подробно рассмотрели принципы формирования модели RGB.
Одним из основных недостатков растровой графики является большой размер результирующих картинок, даже в форматах Gif, Png и Jpg, которые используется в вебе. Естественно, что для уменьшения результирующих изображений используются различные алгоритмы сжатия, которые работают как с ухудшением качества (сжатие с потерями), так и без оного.
Все это очень похоже на принципы работы алгоритмов сжатия аудио — MP3 сжимает с потерями, причем, в первую очередь удаляются всякие переходы, которые скорее всего не будут восприниматься ухом человека. Такой аналогией в мире растровой графики может служить формат Jpg, сжатие информации в котором осуществляется с потерями. При этом учитываются возможности визуального восприятия человека и, в первую очередь, удаляются те детали, которые будут особо и не заметны.
Но существуют и алгоритмы сжатия картинок без потерь — BMP, Gif и Png. BMP чаще всего представляет из себя не сжатое изображение, а вот Gif и Png сжимаются без потерь за счет удаления повторяющейся и избыточной информации (получается что-то на вроде архивирования, но учитывающего особенности растровой графики).
Существует множество графических редакторов, которые умеют работать с растровой графикой (например, все тот же фотошоп или его онлайновый аналог Pixlr), но для подготовки графики для веба следует использовать ориентированные именно на это редакторы, ибо только тогда вы сможете получить максимально оптимизированные картинки, которые затем не будут создавать излишней нагрузки на сервер вашего хостинга при их загрузке в браузеры пользователей.
Формат Gif — элементы дизайна и анимация для сайта
На данный момент практически все браузеры поддерживают три основных формата растровой графики используемых для веба — Gif, Png и Jpg. Исторически первым появился Гиф и именно с помощью него в первых браузерах можно было добавлять и отображать картинки и медийную информацию, которая в первую очередь выражалась в так называемой Гиф анимации.
Аббревиатура Gif расшифровывается, как Graphics Interchange Format — формат графического обмена. Произносится как гиф, но разработчики стандарта считали, что правильно его называть джиф, но прижилось другое название в русской интерпретации.
Т.к. он был разработан давно, а скорость интернета у большинства пользователей в то время была, ох какой малой, то и при его создании делали основной упор на максимальное уменьшение размера результирующей картинки (писал об этом в статье про программу для просмотра изображений от FastStone или от Гугла под названием Picasa).
В связи с этим, Gif может в себя включать палитру, состоящую всего лишь из 256 цветов (ее так же еще называют индексированной палитрой). Т.е. изображение, преобразованное в этот формат всегда будет содержать не более чем 256 оттенков, а все остальные цвета будут создаваться на основе подмешивания (хитрым образом подбираются соседние пикселы из базовой палитры, чтобы человеческий глаз на отдалении воспринимал бы их как нужный в этом месте цвет).
Но, к сожалению, на практике, при преобразовании полноцветных фотографий в Гиф, вылазит куча артефактов (из-за этого самого подмешивания), которые делают фотографии неприемлемым для выкладывания в вебе. Поэтому для вывода на страницы сайта полноцветных картинок и фото он не используется (для этого чаще всего выбирают Jpg или Png).
Gif-анимация и ее использование в интернете
Обладая таким существенным недостатком, Gif уже давно должен был бы кануть в лету, но он, однако, по-прежнему живее всех живых, и часто изображения в этом формате можно встретить на страницах сайтов.
Тут вся заковыка в том, что формат Гиф поддерживает анимацию (единственный из всех используемых в вебе). Всякие анимированные смайлики и аватарки (в том числе и граватары), которые вы в большом количестве можете встретить в интернете, имеют расширение Гиф.
Правда, какое-то время уже развивается альтернативный ему формат Mng, добавляющий возможность анимации в Png, но его развитие и распространение идет не слишком высокими темпами. Поэтому, если не брать в расчет флеш технологию, вся анимация в вебе создается на базе Gif и флеша.
Суть этой анимации заключается в том, что в контейнере Гиф находится не одна картинка, а сразу несколько и там же прописано время, через которые эти изображения будут сменять друг друга. При этом можно будет зациклить анимацию, когда за последним кадром будет опять начинаться показ первого.
Есть специализированные редакторы, в которых можно создавать Gif анимацию. Главное создать нужное количество картинок определенного размера, а потом они размещаются на временной шкале и задается интервал для их смены.
В результате получает тот самый эффект мультика, который мы уже привыкли наблюдать на веб страницах. Иногда даже в глазах рябит от анимированных баннеров (читайте про то, как сделать баннер онлайн), смайликов, аватаров. Примером Гиф анимации может служить гоблин со страницы «О блоге» моего проекта.
Гиф поддерживает прозрачный фон (почти)
Но анимация — это не единственная фишка этого формата. Он может так же поддерживать примитивный способ формирования прозрачности для создаваемых изображений. Один из 256 возможных цветов в Gif задается как прозрачный и сквозь него будет просвечивать фон веб страницы, на которой будет расположена эта картинка.
Но проблема состоит в том, что для любого пиксела в изображении этого формата возможно лишь два значения — прозрачный или непрозрачный (два крайних состояния без возможности промежуточных вариантов типа полупрозрачный, на четверть прозрачный и т.п.). Т.е. о таком понятии, как альфа-канал (используемого в Png), в прозрачном Gif речи не идет. Из-за этого возникают сложности с отображением плавно изменяющего уровня прозрачности.
Но все равно прозрачный Гиф находит применение в вебе. Например, в таком формате очень часто сохраняют различные маркеры, используемые на веб страницах. Фон вокруг маркера делается прозрачным и сквозь него будет просвечивать фон веб страницы. Например, вот так бы выглядел маркер с серым фоном:
А так этот же маркер будет выглядеть при замене серого фона на прозрачный цвет при сохранении в Гиф:
Для того, чтобы сформировать плавные края с падением прозрачности в картинках Gif, идут на одну хитрость. В любом графическом редакторе при создании изображения в этом формате, у вас будет возможность указать так называемый цвет MATE (иначе будет в качестве него использоваться цвет по умолчанию, обычно белый).
Цвет MATE подмешивается в те области Гифа, где вам требуется создать плавные края с падением прозрачности, но все это будет хорошо смотреться только для того фона веб страницы, который совпадает с указанным вами MATE. А вот поверх другого оттенка эта картинка будет выглядеть очень не здорово.
Для какой веб-графики имеет смысл использовать формат Gif?
Как я уже упоминал чуть выше, в этом формате рисунки сжимаются (преобразуются) без потерь, но только в том случае, если исходная картинка была 8-ми битной (для кодирования цвета отводился всего лишь один байт), т.е. содержало 256 цветов. Если же исходник был полноцветным, то будет ухудшение качества при сохранении или преобразовании в Gif, именно в силу потери части оттенков.
Алгоритм сжатия (преобразования) в Гифе работает таким образом, что лучше всего он будет оптимизировать размер фото при вертикальном изменении цвета (градиенте). Т.е. имеет смысл его использовать для сжатия картинок, цвет в строках которых сильно не меняется.
А вот при преобразовании в Gif фото с горизонтальным или наклонным градиентом, итоговая картинка может получиться очень большого размера, например, по сравнению все с тем же Png. Ну, а кроме этого возможно вылезание неприятных артефактов.
Кроме этого, данный алгоритм сжатия был в свое время запатентован, и именно поэтому началась усиленная работа над альтернативным Png 8, но на данный момент сроки патентов Gif уже истекли. ПНГ получился в итоге на голову лучше Гифа и продолжает набирать популярность среди вебмастеров.
Jpg (JPEG) — полноцветные изображения с малым весом
Jpg был разработан для сжатия и хранения полноцветных фотографий. Он является собственностью ассоциации американских фотографов, о чем, собственно, и говорит аббревиатура Jpeg — Joint Photographic Experts Group. Хотя сама же эта ассоциация говорит, что это открытый формат.
Как я уже упоминал чуть выше, он сжимает изображения с потерей качества. Вся картинка делится на квадраты размером 8 на 8 пикселей и затем начинает работать алгоритм сжатия, который группирует из этих простейших квадратиков разные простые фигуры. Все те различия в цветах, которые человеческий глаз заметить не в состоянии, из картинки в Jpg удаляются.
Плюсы и минусы Джейпег
Благодаря удалению части информации, которая все равно не будет заметна невооруженным взглядом, Jpeg позволяет иногда сжать полноцветные картинки в десятки раз даже без видимой потери в качестве.
Но, с другой стороны, даже при выборе максимального качества у вас не получится сохранить фотографию в этом формате с абсолютно тем же качеством, что имел оригинал. Потери будут обязательно, но не всегда заметные глазом без увеличения.
Вы можете проверить это сами, взяв какую-нибудь очень качественную фотография и сохранив ее в Джейпег с максимальным качеством несколько десятков раз подряд. Поэтому лучше не сохранять повторно в Jpg исходники такого же формата — будут серьезные потери в качестве из-за накапливания и накладывания артефактов. Поэтому не стоит сохранять незаконченное изображение в JPEG, а затем продолжать его редактирование — существенно потеряете в качестве.
Вот пример такого издевательства (всего несколько повторных сохранений в формате Джепег и на картинку без слез не взглянешь):
Но несмотря на указанные недостатки Jpeg стал очень популярным особенно после появления цифровой фотографии. Основные его достоинства — это возможность быстрого, нересурсозатратного и очень сильного сжатия полноцветных изображений. Правда, этот формат растровой графики назвать полноцветным трудно, т.к. он не совсем охватывает всю палитру RGB, но это можно отнести к несущественным недостаткам.
Какие изображения лучше сохранять в формате Jpg?
Jpg лучше всего подходит для сохранения фотографий с плавными переходами яркости и контраста, а вот для сохранения чего-то вроде чертежей, текстов и других фотографий с резкими контрастными переходами он подходит очень плохо, и в этом случае лучшим вариантом будет использование сжатия без потерь в Png.
Смотрите, как неприглядно выгладит скриншот текста в формате JPEG (хотя при таком же и даже меньшем весе в формате PNG картинку вообще было бы не отличить от оригинала):
У Jpg (JPEG), как я уже упоминал, есть возможность задать качество получаемого изображения, регулируя степень его сжатия. При сохранении фото, на которых, например, много неба, следует ставить качество (степень сжатия) Jpeg близкое к максимальному (минимальное сжатие) во избежании заметных артефактов на этом самом небе.
А при сохранении фотографий с множеством деталей разных цветов качество можно понизить (увеличить степень сжатия), не боясь появления заметных артефактов.
Я упоминал, что при сохранении в Jpg (JPEG) происходит разбиение всего изображения на квадратики со стороной в восемь пикселей. Так вот, если у вас будет возможность выбирать размер результирующего фото, то лучше его брать кратным восьми, т.к. в этом случае вы получите чуть меньше артефактов, что будет особенно заметно на картинках с тонкими линиями и т.п.
Png — замена Gif и Jpeg, а так же прозрачный фон в Png32
Изначально Png разрабатывался как альтернатива проприетарного в то время Gif (к его разработке не подпускали никого со стороны). Расшифровывается аббревиатура как «portable network graphics», изначально он был заточен именно для применения в вебе. Этот формат растровой графики полностью открытый и его описание есть на сайте консорциума W3C.
Напомню, что он является форматом сжатия без потерь, а значит можно спокойно сохранять незаконченное изображение в Png, а затем продолжать его редактирование не боясь получить дополнительные артефакты, как это было в случае Jpg.
Png8 и Png24 — полноценная замена Gif и Jpeg
Существует три вариации формата Пнг, каждая из которых призвана выполнять свои задачи. Первые две изначально создавались как альтернатива уже существующих форматов Гиф и Джейпег, а третий привнес в веб-графику то, чего в ней до тех пор вообще не было. Но обо всем по порядку.
Png 8 — восьмерка обозначает битность цвета и говорит о том, что при сохранении фотографии в Пнг 8 будет использоваться только 256 цветов по аналогии с уже описанным чуть выше Gif.
Т.е. он разрабатывался как полноценная замена Гифа и результаты сжатия изображений в этих двух форматах растровой графики будут практически идентичными. Так же как и в Gif — тут поддерживается прозрачность, но уже с альфа-каналом.
Png 24 — цифра 24 означает, что на каждый пиксел фото в этом формате выделяется три цветовых канала по 8 бит каждый (по 1 байту), тем самым реализуется полноцветное формирование изображения. Т.о. с помощью Пнг 24 вы сможете передавать цвета без искажений. Даже Jpg не может этого сделать на все сто процентов.
Сохраняя исходную картинку в Png 24 вы получаете абсолютно точно такое же фото, но зато его размер будет все же больше, чем при использовании Jpeg. Но это, правда, не всегда так. При больших картинках, имеющих резкие переходы, этот формат может показать даже лучший результат, чем Джипег приемлемого качества.
Т.е. как я уже упоминал чуть выше, для обычных фоток лучше всего подойдет Jpeg, а вот для изображений с текстом или там, где ни в коем случае нельзя будет ухудшать качество, Png 24 будет незаменим. Для сохранения скриншотов, которые я использую в статьях, Пнг 8 или 24 мне кажутся оптимальным решением.
Например, тот же самый скриншот с текстом, который чуть выше вы могли видеть сохраненным в Jpeg (правда с низким качеством, чтобы подчеркнуть возможные артефакты) в Png будет выглядеть так:
А вот полноцветную картинку вначале каждой статьи я сохраняю обычно в Джипеге, т.к. соотношение качество/размер говорят в пользу именно такого варианта. Сразу скажу, что существуют разные способы сжатия изображений в формат Png, и один из лучших алгоритмов используется, на мой взгляд, в онлайн сервисе Puny Png.
Я прогнал через него все имеющиеся на блоге изображения и регулярно прогоняю все новые картинки в формате Png, используемые для новых статей. О том, как сжать в нем все свои Png картинки, вы можете прочитать здесь — сервис для сжатия фото.
Png 32 — полноценная прозрачность с альфа каналом
Наверное, вы поняли по аналогии, что в этом формате растровой графики для одного пикселя возможно использовать аж четыре байта информации.
Три отвечают за формирование полноцветного изображения по аналогии с Пнг 24, а вот четвертый байт выделяется отдельно для формирования альфа-канала, позволяющего использовать Пнг 32 для получения картинок с прозрачным фоном.
В нем вы сможете указывать изменение степени прозрачности без всяких MATE цветов, а значит такие картинки будут одинаково хорошо смотреться на абсолютно любых веб страницах с любым фоном. Примером такого изображения может служить логотип из шапки моего блога:
или иконка RSS ленты:
Наверное, понятно, что Png 32 просто незаменим и не имеет аналогов по предоставляемых возможностям. Кстати говоря, альфа канал можно использовать так же и в Пнг 8, но, к сожалению, не все редакторы растровой графики позволят вам это сделать. Фотошоп, например, этого делать не умеет, но зато Fireworks или Gimp умеют.
Кроме этого, у Пнг 32 и 8 с альфа-каналом есть такая проблема, что он в браузере IE, начиная с версии 6 и ниже, не поддерживается полноценно, и вместо прозрачного фона будет подмешиваться серый цвет, а Png 8 с альфа-каналом там вообще показываться не будет. Правда, таких архаичных браузеров у пользователей уже практически не осталось, но все же.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
Твитнуть
Поделиться
Плюсануть
Поделиться
Отправить
Класснуть
Линкануть
Запинить
Подборки по теме:
Рубрика: Верстка сайтаktonanovenkogo.ru
Форматы растровой графики для сайта. Часть 5. Еще про PNG
Здравствуйте уважаемый читатель блога «Основы сайтостроения и web дизайна».
Продолжаем рассмотрение темы «Форматы растровой графики для сайта». Сегодня вновь остановимся на знакомстве с форматом растровой графики PNG. В статье «Форматы растровой графики для сайта. Часть 4. Формат PNG» я рассказывал про историю создания формата, про некоторые области его применения, про основные параметры. Сегодня мы подробней остановимся на вариациях формата PNG.
Если вы знакомы с программой Photoshop, то при сохранении файла для Web устройств перед вами открывается панель обработки изображения, то есть панель, в которой пользователь выбирает формат обработки изображения и определяет параметры сохранения данного изображения. Так вот при выборе формата, в котором ваше изображение будет сохранено и обработано, пользователю предоставляется список форматов, из которого можно выбрать PNG-8, PNG-24.
К чему я веду, а дело в том, что формат PNG, в отличие от форматов JPEG и GIF, имеет свои вариации. Именно этими вариациями и являются PNG-8 и PNG-24. А теперь по подробней о каждой из вариаций.
форма PNG-8
PNG-8. Данный формат по своим параметрам и области действия практически аналогичен формату GIF. Как утверждают разработчики, в формат PNG-8 заложен улучшенный алгоритм сжатия данных, однако на практике данное утверждение не всегда является таковым. Цифра восемь в данной вариации формата свидетельствует о том, что вариацией используется 8-битная палитра, то есть глубина цвета составляет 256 цветов в изображении. 256 цветов в изображении это не фиксированная величина. Ею можно варьировать, применяя глубину цвета от начальных 2-х единиц, до конечных 256.
Основным же отличием PNG-8 от GIF является тот факт, что PNG-8 не поддерживает анимацию изображений ни в каком виде, как формат PNG в целом. Именно поэтому GIF и является таким долгожителем среди форматов растровой графики.
Областью применения PNG-8 считаются изображения текстов, логотипов, иллюстраций на которых четко очерчены края изображения в целом или отдельных крупных элементов. Так же PNG-8 часто применяется при обработке и хранении изображений, которые имеют градиентную прозрачностью. Именно поэтому при подготовке низко-градационных изображений для размещения на сайте, необходимо четко определяться какой из форматов PNG-8 или GIF предоставляет наибольшую степень сжатия с сохранением соответствующего качества. Лично я, в таких случаях, практически всегда отдаю предпочтение формату PNG-8.
PNG-24. Данный формат по своим параметрам аналогичен PNG-8. Что отличает эти две вариации формата PNG, так это использование различной глубины цвета при обработке изображений. Так PNG-24 использует 24-битную палитру цвета, о чем и говорит цифра в аббревиатуре.
формат PNG-24
Такая возможность приближает вариацию формата PNG-24 уже к формату JPEG и позволяет сохранять яркость и глубину цветовых оттенков в фотографиях и высоко-градационных изображениях. Как уже отмечалось ранее, 24-битная палитра глубины цвета имеет возможность использовать до 16,7 миллиона цветов в файле. Именно поэтому формат PNG-24 является в отдельных конкретных случаях прямым конкурентом JPEG.
Еще одним отличием PNG-24 от PNG-8 можно считать возможность поддержания форматом многоуровневой прозрачности. Данный параметр предоставляет возможность для создания плавных переходов от прозрачной области изображения к цветной. Это широко используется в современном сайтостроении, особенно при подготовке сложных градиентных фонов и прочих изображений.
Не смотря на всю эффективность PNG-24 и способность его работать с 24-битной цветовой палитрой, все же есть у него и свой недостаток. Дело в том, что при обработке фотографий и высоко-градационных изображений, алгоритм формата PNG-24 сохраняет все пиксели в изображении неизменными, что соответственно негативно влияет на физический размер файла и соответственно файлы получаются достаточно большими, что приводит к увеличению времени загрузки их в интернете.
Учитывая такой недостаток формата PNG-24, рекомендовано его использование при обработке и хранении несложных фотографий, рисунков, содержащих прозрачные участки, рисунков, используемое количество цветов в которых превышает значение 256, а так же изображений с четкими краями и явным переходом цветов.
На этом на сегодня, пожалуй, все. Мы закончили рассмотрение формата растровой графики PNG. Читайте следующие статьи на моем блоге, будет интересно.
Читайте также
vdv-web.ru
продвижение продукта Баннер фотографии, веб шаблон, этап, исходный файл PNG и PSD-файл для бесплатной загрузки
- ГРАФИЧЕСКИЙ ДИЗАЙН
- ROYALTY FREE
Popular Royalty Free
2018 Календарь 2018 день рождения Календарь День отца Цветы логотип Листья День матери рождество Цветок Лето С новым годом Акварель свадьба - PNG
популярный PNG
животные Стрелки осень птица день рождения автомобилей рождество круг облако коронка взрыв огонь цветок трава Хэллоуин Сердца свет линия логотип музыка люди Ленты дым звезда солнце дерево воды - VECTOR
популярный=?> VECTOR
животное Стрелки фон баннер автомобилей рождество облако Флаги цветок Хэллоуин Сердца логотип Ленты
- ROYALTY FREE
ru.pngtree.com
