Перегляд та конвертація SVG
FreeКонвертуйте SVG у PNG, JPEG, WEBP, BMP, ICO чи AVIF, чи обгорніть PNG/JPEG/WEBP/BMP/GIF/ICO в дійсний SVG, з автоматичним визначенням напрямку, безпосередньо у вашому браузері.
Працює повністю у вашому браузері. Ваш файл ніколи нікуди не завантажується.
Клацніть, щоб вибрати файл, чи перетягніть один сюди
SVG на вході, чи PNG / JPEG / WEBP / BMP / GIF / ICO на вході, будь-який напрямок виявляється автоматично
Недавня Активність
Видно всім. Останні 20 використань серед усіх відвідувачів, найновіші спочатку.
Ще немає активності. Будьте першим.
Що робить цей інструмент
Конвертує між 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.
- Перетворення логотипу SVG на справжній файл .ico для фавікону вебсайту чи ярлика на робочому столі.
- Обгортання наявного PNG, JPEG чи GIF у дійсний файл SVG для системи чи процесу, що приймає лише завантаження 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Зображення
Генератор відтінків кольору
Генеруйте shade, tint, tone, колірні схеми та кожен формат значення (RGB, HSL, HSV, CMYK) для будь-якого кольору, з готовим до копіювання кодом CSS.
FreeЗображення
Ефекти тонування зображення
Застосуйте ефекти розфарбовування (одноколірний відтінок) чи дуотону (двоколірна градієнтна карта) до зображення з живим попереднім переглядом.
FreeЗображення
Вилучення кольорів зображення
Вилучіть домінуючу колірну палітру із зображення за допомогою квантизації медіанного розрізу, з копіюванням як hex чи CSS-змінних.
FreeЗображення
Обрізання та зміна розміру зображення
Обрізайте, змінюйте розмір чи закруглюйте кути зображення безпосередньо у вашому браузері.
FreeЗображення
Віддзеркалення та поворот зображення
Віддзеркальте зображення по горизонталі чи вертикалі, чи поверніть на 90°, 180° чи будь-який власний кут безпосередньо у вашому браузері.
FreeЗображення
Розділення та об'єднання зображень
Розділіть зображення на сітку шматків, чи об'єднайте кілька зображень в одне, безпосередньо у вашому браузері.
FreeЗображення
Стилізаційні ефекти зображення
Застосуйте ефекти тиснення, світіння, віньєтки, пікселізації чи цензури/приховування до зображення безпосередньо у вашому браузері.
Коментарі (0)
Знайшли цей інструмент корисним? Залиште коментар, поділіться порадою, чи скажіть нам, як ми можемо покращити його.
Ще немає коментарів. Будьте першим, хто поділиться думками!