SVG или PNG для логотипа: какой формат использовать (и когда)
Сохраните SVG с контурами как оригинал и экспортируйте PNG для растра. SVG может содержать растр: расширение не доказывает векторы. Согласуйте файл и настройки печати с типографией.
На этой странице
Чем отличаются форматы?
PNG хранит фиксированную сетку; спецификация допускает необязательную прозрачность. Увеличение не возвращает детали. SVG рисует контуры в конечном размере, но встраивает также PNG и JPEG. Маленький растр остаётся ограниченным.
LogoSaga экспортирует контуры без активного текста и встроенного растра. Сохраните этот источник, неизвестные SVG проверьте в векторном редакторе.
Какой формат для какого назначения?
| Назначение | Начальный выбор | Проверка |
|---|---|---|
| Сайт | SVG с контурами | Поддержка и малая читаемость |
| Профиль/растровый инструмент | PNG | Размеры, обрезка, прозрачность |
| Favicon браузера | SVG с растровой альтернативой | Браузер и поиск отдельно |
| Печать | Согласованный вектор/PDF | Содержимое, цвет, производство |
Как экспортировать для сайта?
Кофейне, например, нужен логотип шириной 160 пикселей в шапке. Выберите читаемую горизонтальную композицию, SVG, светлый либо тёмный вариант и прозрачный фон, если должен просвечивать сайт. Вставьте файл, проверьте телефон и компьютер. Контуры предотвращают увеличение растра, но не спасают слишком мелкий слоган.
Если инструмент принимает лишь PNG, заново экспортируйте 512, 1024 или 2048 пикселей ширины, показывая соответственно меньше. Проверьте настоящую страницу, не большой файл. Ширина не означает квадратный холст.
Как сделать квадратный профиль?
Для магазина выберите компактный символ или вертикальный порядок, PNG1024 как источник и прозрачный либо однотонный фон. Это настоящие настройки. По необходимости положите прямоугольник в редакторе на отдельный квадратный холст, без сжатия.
Проверьте конечные размеры, файл, обрезку и светлые/тёмные поверхности. Сохраните SVG для других PNG вместо маленькой копии. Руководство профиля Google объясняет назначение; тест прозрачности обнаруживает прямоугольники и ореолы.
Гарантирует ли PDF векторы для печати?
Нет. PDF содержит растр, векторы или оба, различаемые в документации Adobe PDF. Согласуйте формат, профиль и настройки. Экран не гарантирует одинаковый печатный цвет.
brand-sheet.pdf LogoSaga — лист айдентики из растрового изображения, не производственное векторное PDF логотипа. Сохраните SVG и договоритесь о преобразовании с типографией или редактором. AI — рабочий файл Illustrator; EPS — старый обменный формат некоторых поставщиков.
Можно ли сделать вектор из PNG?
Переименование или встраивание в SVG меняет обёртку, не пиксели. Трассировка реконструирует формы и может менять кривые, интервалы и детали. Сравните нормально и в малом размере; используйте настоящий вектор, если он существует. LogoSaga не векторизует загруженные PNG.
JPG не имеет обычной альфы и сжимает с потерями. Не берите его за источник, хотя назначение может принять для однотонного фона.
А маленькие иконки?
SVG-favicon браузера и опубликованные форматы Google Search — разные требования. Следуйте руководству favicon и источнику Google. Упрощайте маленькие знаки: чёткий вектор может быть нечитаемым. Список файлов разделяет профиль, браузер и печать.
Создайте логотип и экспортируйте SVG или PNGЧасто задаваемые вопросы
Лучше ли SVG?
Контуры помогают масштабированию. PNG нужно для растра. Маленький растр внутри SVG не восстанавливает деталей.
Всегда ли SVG чёткое?
Контуры рассчитываются для конечного размера, растр остаётся ограниченным. Тонкие линии и мелкий текст могут быть нечитаемы.
Почему PNG размыто?
Его могут показывать слишком большим или многократно масштабировать. Экспортируйте оригинал заново.
Можно ли JPG?
Место использования может принять его для намеренно однотонного фона. Для контуров и прозрачности обычно лучше PNG или поддерживаемое векторное SVG.
Что передать типографии?
Согласуйте формат, векторы, профиль и настройки. brand-sheet.pdf LogoSaga — растровая справка, не гарантированный векторный производственный оригинал.