В каком формате лучше делать лого?

N4
На сайте с 19.09.2008
Offline
264
637

Вот 2 разных дизайнера прислали 3 логотипа с надписями в пнж и или джипеге - выглядят на сайте размыто.

Вроде и в-качестве хорошем пробовал сохранять, но не то.

В итоге попробовал в svg - отлично, как и надо выглядит.

Но меня смущает, что формат мне кажется редким, почему?

Вес файла хоть больше, но всеравно достаточно маленький.

Браузеры от ие9 поддерживают.

Почему тогда не пользуется популярностью?

dma84
На сайте с 21.04.2009
Offline
168
#1

Вес файла может быть и меньше, gzip'ом пройдитесь, почитайте про svgz. (SVG Cleaner + gzip)

Не пользуется популярностью - это кто вам такое сказал?

Если не хотите SVG, то лучше PNG.

S
На сайте с 13.10.2014
Offline
171
#2
nikki4:
выглядят на сайте размыто.

Потому, что логоип скорее всего апскейлится. Залейте картинку по-больше

nikki4:
Но меня смущает, что формат мне кажется редким, почему?

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

nikki4:
Вес файла хоть больше, но всеравно достаточно маленький

При правильной трассировке вектор можно сделать меньше любого джипега (ну разумеется, если у вас в логотипе не 100500 градиентов)

nikki4:
Браузеры от ие9 поддерживают.

Поддерживают не не всегда корректно. Многое зависит от способа вывода изображения https://www.w3schools.com/HTML/html5_svg.asp

nikki4:
Почему тогда не пользуется популярностью?

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

adel92
На сайте с 04.01.2012
Offline
334
#3

Лучше всего png.

У разработчика обязательно запросите ai файл, что бы в будущем масштабировать самостоятельно.

NVMe VDS (https://well-web.net/nvme-vps) с поддержкой 24/7 - от 545 руб.! Безлимитный хостинг (https://well-web.net/ssd-hosting) - от 129 руб.! Домен в подарок! Перенос бесплатно! Заказывайте сейчас, и получите скидку 50%! Заходи! (https://well-web.net/limited-offers)
NothingMatters
На сайте с 12.06.2017
Offline
45
#4

Для картинок (изображение) принято использовать JPG.

Для иконок в большинстве случаев используется PNG/SVG.

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

Но вообще без разницы какой формат выбрать если иконка без альфы.

S
На сайте с 13.10.2014
Offline
171
#5

NothingMatters, у вас не правильный подход. Надо подходить не со стороны назначения, а со стороны плотности изображения,

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

Разумеется png совершенно незаменим если сжимаете изображение с альфаканалом.

EF
На сайте с 03.06.2017
Offline
1
#6

Пнг, просто заливайте картинку с учетом ретины, т.е. кратно увеличьте ее раза в два

SeVlad
На сайте с 03.11.2008
Offline
1609
#7
nikki4:
выглядят на сайте размыто.

Размыто скорее всего из-за разных размеров - физического и отображаемого.

Или же стилями/жабаскриптами какие-то фильтра наложены. Посмотри на сайт с отключённым css.

nikki4:
Почему тогда не пользуется популярностью?

Пользуется. Но только для некоторых случаев - чаще всего иконок. Именно из-за объёма в первую очередь. А ещё, если правильно помню, для отображения вектора (csv) требуются мощности поболе, чем для пиксельных (jpg/png/gif). Так что это доп. нагрузка на клиента.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий