Работать дальше с png или перейти на SVG?

Question

[Арман Дендибаев]

Ребята такой глупый вопрос
До этого момента работал только с PNG форматами изображение например: Логотип
Сегодня взял заказ Дизайн/Верстка Лендинг пейджа
Что лучше использовать SVG или PNG для Логотипа ?

Answer 1

[Евгений Вольф]

Что лучше использовать SVG или PNG для Логотипа ?

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

К тому же, SVG обычно меньше занимает и т.д.

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

Answer 2

[FullStack Alex]

в принципе для верстки сайтов svg должен быть первым выбором

но если логотип сделан на основе pixel и имеет очень много разной информации о цветах и формах то тогда никуда от png не денешься.

если же логотип создан как векторная графика, то зачем делать из нее пиксели то есть png? Только если векторная графика обратно же содержит много эффектов (например раскраска на основе сетей) и очень много anchors то прийдётся использовать png, так как размер файла svg будет в этом случае зашкаливать.

Answer 3

[Евгений]

svg -> png = easy
png -> svg = время

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

Comments

[Арман Дендибаев]

Если честно я раньше не работал с svg

[Евгений]

Арман Дендибаев, свг векторный формат, причем читаемый как XML (если еще проще - как HTML)... ничего сложного нет

[Милок Мурлыка]

Арман Дендибаев, а что с ним работать?
PNG лого:

<img src="images/logo.png" width="100" height="100" alt="Лого">

SVG лого:

<img src="images/logo.svg" width="100" height="100" alt="Лого">

И не обязательно подключать его через css, как вы пытались в прошлом своем вопросе