В каких случаях лучше использовать SVG, а в каких можно обойтись PNG?

StalkerClasses

Новичок
Для каких случаев нужно использовать картинки в формате SVG, а для каких лучше обойтись PNG?.
В чем различие двух данных форматов.

Нужно ли жестко для SVG всегда задавать атрибуты width и height (открыв вставленную img с SVG в Internet Explorer и задав только высоту без ширины, картинка отобразилась в ширину в 1px)?
 

StalkerClasses

Новичок
Есть ли смысл делать все картинки и иконки в SVG на сайте?
Или это только в основном для чертежей?
 

antson

Новичок
Партнер клуба
@StalkerClasses, хорошо придется пояснить "вектор" - отлично смотреться в разных размерах - нет замыливания и эффекта квадратов , уже адаптирован к ретина мониторам и выводу на мобильных.
возможность менять цвет через ксс. минусы - больший размер файлов. нет возможности использовать спрайты.
И как видим вектор не вытесняет обычную графику в вебе занимая только свою нишу.

Для иконок еще можно посмотреть в сторону использования шрифтов типа авесона и т.п.
 
Последнее редактирование:

StalkerClasses

Новичок
@antson, да, спасибо за ответ. Про CSS очень здорово - но все это больше справочная информация.
Вопрос по прежнему остался - Есть ли смысл делать все картинки и иконки в SVG на сайте?
Размеры иконок разные - 19x22, 17x22, иконки стран - 200x200 и другие размеры в px.
 

antson

Новичок
Партнер клуба
Если размеры иконки задаются в емах или процентах - выбор вектор.
В остальных случаях только лишний гиморой .
Пример иконка "меню" для мобильной версии - через свг всегда будет четкой
не зависимо от реального разрешения устройства.
 

StalkerClasses

Новичок
Т.е если делается адаптивный сайт например на bootstrap то есть смысл переводить иконки в svg
 

AnrDaemon

Продвинутый новичок
Вы вообще ответов не читаете?
Скажу в лоб - на ваш вопрос в принципе нет и быть не может ответа.
 
Сверху