WMW

Перегляд та конвертація SVG

Free

Конвертуйте SVG у PNG, JPEG, WEBP, BMP, ICO чи AVIF, чи обгорніть PNG/JPEG/WEBP/BMP/GIF/ICO в дійсний SVG, з автоматичним визначенням напрямку, безпосередньо у вашому браузері.

Працює повністю у вашому браузері. Ваш файл ніколи нікуди не завантажується.

Клацніть, щоб вибрати файл, чи перетягніть один сюди

SVG на вході, чи PNG / JPEG / WEBP / BMP / GIF / ICO на вході, будь-який напрямок виявляється автоматично

Недавня Активність

Видно всім. Останні 20 використань серед усіх відвідувачів, найновіші спочатку.

Ще немає активності. Будьте першим.

Коментарі (0)

Знайшли цей інструмент корисним? Залиште коментар, поділіться порадою, чи скажіть нам, як ми можемо покращити його.

Коментарі гостей переглядаються перед публікацією. Увійти щоб публікувати миттєво.

Ще немає коментарів. Будьте першим, хто поділиться думками!

Що робить цей інструмент

Конвертує між SVG і растровими зображеннями безпосередньо у вашому браузері, в будь-якому напрямку, автоматично виявляючи, який з них ви завантажили. Завантажте SVG, щоб експортувати його як PNG, JPEG, WEBP, BMP, ICO, чи AVIF (де підтримується) на будь-якому рівні масштабування; завантажте PNG, JPEG, WEBP, BMP, GIF, чи ICO, щоб отримати назад дійсний файл .svg з вашим оригінальним зображенням, вбудованим всередині.

Як Це Працює

Для SVG в растр, інструмент спочатку визначає внутрішній розмір пікселів SVG (явні атрибути ширина/висота, потім viewBox, потім специфікаційне значення за замовчуванням 300x150), множить це на обраний вами відсоток Масштабу, і малює файл точно в цьому розмірі на полотні HTML. PNG, JPEG, WEBP, і AVIF потім експортуються безпосередньо через API полотна. BMP будується маленьким спеціальним кодувальником, що записує сирі дані пікселів полотна в стандартний нестиснутий 24-бітний файл BMP, знизу вгору, у порядку байтів синій-зелений-червоний, який вимагає формат. ICO будується шляхом взяття експорту PNG полотна і обгортання його в сучасний формат контейнера ICO (короткий заголовок, за яким слідують дані PNG), який приймає кожна поточна версія Windows і кожен основний браузер. Для растру в SVG, інструмент зчитує точні байти вашого завантаженого файлу як URI даних і розміщує цей URI даних, повністю немодифікованим, всередині елемента <image> нового файлу SVG, з шириною, висотою, і viewBox SVG, встановленими так, щоб точно відповідати вимірам пікселів оригінального зображення.

Проблеми, які це вирішує

Часті запитання

›Навіщо мені перетворювати SVG на PNG, JPEG, WEBP, BMP, ICO чи AVIF?

SVG - векторний формат, який багато інструментів, платформ, і старішого програмного забезпечення просто не приймають, наприклад більшість завантажувачів зображень соцмереж, деякі поля зображень CMS, чи поштові клієнти. Конвертація в растровий формат, наприклад PNG, дає вам звичайний піксельний файл зображення, який працює всюди, в точному обраному вами розмірі. ICO зокрема - формат, якого очікують Windows і браузери для favicon і іконок робочого столу.

›Як налаштування Масштабу впливає на вихід?

Оскільки SVG - це векторний формат, він не має власного фіксованого розміру в пікселях, лише "внутрішній" розмір, зчитаний з файлу (його атрибути ширина/висота, чи його viewBox як запасний варіант). Масштаб збільшує чи зменшує цей внутрішній розмір: 100% зберігає оригінальний розмір, 200% подвоює обидва виміри, а 50% зменшує їх вдвічі, все це без жодної втрати чіткості перед фінальним растровим експортом.

›Який формат виводу мені обрати?

PNG - найбезпечніше значення за замовчуванням: він підтримує прозорість, тому будь-які прозорі ділянки у вашому SVG залишаються прозорими, і він без втрат. JPEG не має підтримки прозорості і заповнює прозорі ділянки білим, але виробляє менші файли для фотоподібного вмісту. WEBP і AVIF (де ваш браузер підтримує кодування цього) обидва підтримують прозорість, часто з меншими розмірами файлів, ніж PNG чи JPEG. BMP - нестиснутий, універсально читабельний застарілий формат з великими розмірами файлів. ICO упаковує зображення як файл іконки Windows/браузера, найчастіше використовується для favicon.

›Що насправді робить перетворення зображення в SVG?

Це не трасує і не векторизує ваше зображення на шляхи і форми, це набагато складніший процес, що обробляється спеціальним інструментом векторного трасування. Натомість це обгортає ваш оригінальний файл PNG, JPEG, WEBP, BMP, GIF, чи ICO, незмінний байт-за-байтом, всередині маленького контейнера SVG з відповідною шириною, висотою, і viewBox. Результат - дійсний файл .svg, який правильно відображається всюди, де очікується SVG, при цьому все ще містячи ваші точні оригінальні дані зображення всередині.

›Що якщо мій SVG взагалі не має ширини, висоти чи viewBox?

Інструмент повертається до 300 на 150 пікселів, стандартного розміру за замовчуванням, визначеного самою специфікацією SVG саме для такої ситуації, тому перетворення ніколи не зазнає невдачі, воно просто використовує це значення за замовчуванням до застосування вашого відсотка масштабування.

›Чи мій файл кудись завантажується?

Ні. Кожна конвертація, в будь-якому напрямку, відбувається повністю у вашому браузері за допомогою API полотна HTML і File API. Нічого не надсилається на сервер.

Пов'язані Інструменти

Free

Зображення

Вирівнювання гістограми зображення

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

Free

Зображення

Генератор відтінків кольору

Генеруйте shade, tint, tone, колірні схеми та кожен формат значення (RGB, HSL, HSV, CMYK) для будь-якого кольору, з готовим до копіювання кодом CSS.

Free

Зображення

Ефекти тонування зображення

Застосуйте ефекти розфарбовування (одноколірний відтінок) чи дуотону (двоколірна градієнтна карта) до зображення з живим попереднім переглядом.

Free

Зображення

Вилучення кольорів зображення

Вилучіть домінуючу колірну палітру із зображення за допомогою квантизації медіанного розрізу, з копіюванням як hex чи CSS-змінних.

Free

Зображення

Обрізання та зміна розміру зображення

Обрізайте, змінюйте розмір чи закруглюйте кути зображення безпосередньо у вашому браузері.

Free

Зображення

Віддзеркалення та поворот зображення

Віддзеркальте зображення по горизонталі чи вертикалі, чи поверніть на 90°, 180° чи будь-який власний кут безпосередньо у вашому браузері.

Free

Зображення

Розділення та об'єднання зображень

Розділіть зображення на сітку шматків, чи об'єднайте кілька зображень в одне, безпосередньо у вашому браузері.

Free

Зображення

Стилізаційні ефекти зображення

Застосуйте ефекти тиснення, світіння, віньєтки, пікселізації чи цензури/приховування до зображення безпосередньо у вашому браузері.