Традиційні формати зображень, такі як JPG, PNG або GIF, є дуже популярними, але вони мають недоліки, що робить їх використання менш оптимальним для певних програм.
Наприклад, якщо ви створили чуйний веб-сайт, ви хочете, щоб зображення добре виглядали незалежно від ширини та висоти, на якій вони відображаються. Традиційні зображення виглядають погано, наприклад, якщо їх занадто сильно збільшити.
Можливо, вам також потрібно буде відображати зображення різних розмірів, наприклад, як ескіз на покажчиковій сторінці блогу та як зображення з повною роздільною здатністю у пов’язаній статті.
Хоча ви можете створювати різні версії одного зображення, щоб вибрати найбільш відповідну, це означає, що для цього вам потрібно більше місця для зберігання.
Формат зображення SVG - це векторний формат. Це означає, що його розмір можна зменшити або збільшити без втрати якості (масштабованість). Це чудово, якщо вам потрібно відобразити зображення в декількох місцях, використовуючи різні роздільні здатності.
Інші переваги SVG полягають у тому, що його розмір, як правило, набагато менший, і він надає веб-майстрам деяку гнучкість, коли справа стосується внесення змін до нього, оскільки деякі можуть бути виконані безпосередньо в CSS.
Один із прикладів: Теренс Еден відтворив логотипи популярних інтернет-компаній, таких як Twitter, Amazon, WhatsApp, YouTube або Reddit у SVG. Розмір логотипів зменшився до менш ніж 1 кілобайт, іноді до 200 байт. Наприклад, логотип Twitter у форматі PNG має розмір 20 кілобайт, версія SVG - розміром 397 байт.
SVG - хороший формат для логотипів та значків, але не дуже підходить, коли мова йде про фотографії та інші типи зображень, на яких зображено багато різних об’єктів.
Перетворення на SVG
Це керівництво зосереджено на додатках, які ви можете використовувати для перетворення зображень у SVG безпосередньо. Це не підручник із використання програм, призначених для створення векторної графіки з нуля. Ви можете використовувати редактори векторної графіки, такі як Adobe Illustrator (наші посилання на політику Adobe все ще не стоять), Inkscape або LibreOffice Draw для цього.
Є безліч безкоштовних конвертерів, які можна запустити в Інтернеті, але вони досить обмежені, коли мова йде про процес перетворення. Хоча вони можуть бути достатніми для перетворення простого логотипу, який доступний у форматі png або jpg у svg, більшість часу результати не надто хороші.
Ось як я оцінив послуги: я завантажив логотип Ghacks та спробував конверсії на декількох десятках SVG-перетворювачів. Я оцінив результат і відмовився від будь-якої послуги, яка не дала хороших результатів.
- Aconvert - сервіс приймає локальний файл або URL-адресу як вхідні дані. Єдиний варіант, який він надає, - це зміни роздільної здатності зображення. Отримане зображення виглядало як логотип Ghacks, але його розмір був майже вдвічі більший за розмір PNG-версії логотипу.
- Vector Magic - доступний як онлайн-конвертер та настільна програма для Windows. Однак це не безкоштовно (онлайн коштує $ 7, 95 на місяць, настільне видання - одноразова оплата 295 доларів). Результати онлайн-видання чудові, але ви отримуєте безліч варіантів редагування чи зміни параметрів, а також одночасне відображення оригінального зображення та копії svg.
- Vectorizer - ще один безкоштовний сервіс. Цей постачається з майстром, який ви можете вибрати найкращі вихідні параметри (розмиття, кольори), або ви можете встановити їх безпосередньо. Результати були хорошими, коли виправились, а розмір отриманого зображення був на третину менший, ніж оригінальний логотип PNG.
Тепер ви: знаєте про інший онлайн-сервіс чи програму для перетворення зображень у формат SVG?
