Вставка svg логотипа на сайт

12
Жерносенко Виталий
На сайте с 14.05.2007
Offline
109
6587

Привет всем!

Такой у меня вопрос. Сделал наконец своими руками в илюстраторе логотип. Но при переводе его в jpg и вставки на сайт совсем не устраивает его качество. У меян дисплей Retina и я хочу чтобы у логотипа края были острые как бритва, т. е. как в илюстраторе. А не какая-то растровая шняга с мыльными контурами. Вот такой у меня бзик. Подскажите есть прям для чайников по шагам откуда что взять скачать вставить , что и куда прописать чтобы у меня на сайте выводился векторный логотип. Про svg как-то нету пошаговых уроков, смотрю сайты все у друг друга одну и туже статью постят про svg и ничего конкретного по шагам для новичков. Может кто знает видео или статью доступную?

RT
На сайте с 07.04.2008
Offline
56
#1

<img src="logo.svg">

Студия «Дз» (http://dddzzz.ru/) — создание сайтов, графический дизайн
S1
На сайте с 17.04.2011
Offline
79
#2
Жерносенко Виталий:
Привет всем!

Такой у меня вопрос. Сделал наконец своими руками в илюстраторе логотип. Но при переводе его в jpg и вставки на сайт совсем не устраивает его качество. У меян дисплей Retina и я хочу чтобы у логотипа края были острые как бритва, т. е. как в илюстраторе. А не какая-то растровая шняга с мыльными контурами. Вот такой у меня бзик. Подскажите есть прям для чайников по шагам откуда что взять скачать вставить , что и куда прописать чтобы у меня на сайте выводился векторный логотип. Про svg как-то нету пошаговых уроков, смотрю сайты все у друг друга одну и туже статью постят про svg и ничего конкретного по шагам для новичков. Может кто знает видео или статью доступную?

Не нужно SVG - с ним могут быть проблемы. Лчше так. Допустим, у вас div для логотипа 100px x 20px. Тогда сделайте логотип в png с размером 200px x 40px, а в div впишите width=100px height=40px.

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

Дмитрий Удимов
На сайте с 05.05.2010
Offline
274
#3

С SVG логотипом проблем замечено не было. Используем его с 2013 года.

Топвизор — аккредитованный регистратор доменов .ru и .рф (https://topvisor.com/ru/domain-registration/) — честная цена 299 руб. за регистрацию и продление.
SeVlad
На сайте с 03.11.2008
Offline
1609
#4
Жерносенко Виталий:
Может кто знает видео или статью доступную?

А погуглить на предмет "графика для Retina"?

Stan_1:
Удивитесь, насколько все четко будет и на обычном дисплее,

Искажение реальных размеров не может улучшить качество. Ухудшить - ещё как. То, что в нек. случаях при уменьшении такие потери не заметны на глаз - это частный случай.

Ditmar:
С SVG логотипом проблем замечено не было

Это просто не хотелось замечать :) Не все ЮА его дефолтно поддерживают.

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

Спасибо за советы! Допустим я остановился вставлять все таки svg как это сделать где прочитать?

Ш
На сайте с 29.12.2012
Offline
45
#6
SeVlad
На сайте с 03.11.2008
Offline
1609
#7
Жерносенко Виталий:
где прочитать?

Вопрос от человека, с регистраций 2007г тогда ещё на форуме поисковых систем.

Рукалицо.

melkozaur
На сайте с 06.04.2010
Offline
505
#8
SeVlad:
Вопрос от человека, с регистраций 2007г

Аккаунты на серче покупаются как пирожки, если что.

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
Жерносенко Виталий
На сайте с 14.05.2007
Offline
109
SeVlad:
Вопрос от человека, с регистраций 2007г тогда ещё на форуме поисковых систем.
Рукалицо.

Вас еще в живых не было тогда? :) Недавно еле 50 сообщений набрал чтобы хоть в разных разделах мог писать))

---------- Добавлено 05.05.2015 в 20:55 ----------

То есть вы хотите сказать что этого достаточно:

<IMG  SRC = "logo.svg"  Alt = "Логотип" >

А я что то слышал что там нужно брать код длинный вставлять и еще может что-то со шрифтом делать?

SeVlad
На сайте с 03.11.2008
Offline
1609
#10
Жерносенко Виталий:
Вас еще в живых не было тогда?

Я уже тогда умел пользоваться поиском и не ждал разжеванного.

12

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