Открыть меню
Загрузка изображений в конструктор
Данное руководство относится одновременно к изображениям продуктов и к картинкам (которые накладываются на продукт, например клипарт). И не относится к изображениям и фотографиям, которые пользователи (ваши клиенты) загружают во время заказа.Поддержка изображений
Поддерживаются:
- Растровые изображения в режиме RGB в формате JPG, PNG или GIF (без анимации).
Не поддерживаются:
- Векторные изображения. Вместо них загружайте PNG.
- Изображения в режиме CMYK. Вместо них загружайте RGB. Потому что конструктор построен на базе SVG (а SVG всегда в RGB), работает в браузере (он тоже в RGB), и использует Inkscape (не понимает CMYK) на сервере для создания скриншотов и PDF.
Как подготовить
Конструктор является средством получения заказа онлайн и предназначен для работы в браузере, а не как компьютерная программа, поэтому есть ограничения - скорость сети и стоимость трафика, особенно на мобильниках, менее производительные устройства клиентов (планшет или мобильник) и т.д. Поэтому должны быть сделаны оптимизации для работы в вебе:1) Изображения загружайте не более 1000 пикселей по любой из сторон;
2) Вес чем меньше, тем лучше. Килобайт 100-500 хватит, потому что при большем весе клиенты будут ждать, а иногда даже думать, что зависло.
При таких оптимизациях не получится отдавать файлы сразу на печать, заказ нужно будет отредактировать, заменяя оптимизированные изображения низкого разрешения на исходные высокого.
Форматы
Чтобы сделать наименьший вес изображения и при этом осталось приемлемое качество, нужно выбирать подходящий формат для каждого изображения отдельно. Некоторые клиенты пренебрегают этим советом, делают все изображения в полноцветном PNG или JPG с качеством 100%, что приводит к большому весу изображений и как следствие потере потенциальных заказов.JPG
Изображения в формате JPG имеют хорошее сжатие (малый вес), но не могут иметь прозрачные области и плохо сохраняют подробные детали. Такой формат подойдёт для изображения продукта, если он имеет много подробностей или плавных переходов, если не нужна прозрачность и сильная чёткость. Например для футболок, халатов, полотенец, фонов мобильных чехлов, фотографий.Пример изображений в формате JPG с качеством 100% (28 килобайт) и 50% (10 килобайт):
PNG
Этот формат бывает нескольких типов:- 24 бит (полноцветный, несжатый)
Изображения такого формата могут весить очень много или мало, в зависимости от количества деталей и градиентов в изображении. Его выбирают, когда нужно сохранить все цвета и детали без каки-либо искажений. Или когда нужна качественная прозрачность, например плавный переход в прозрачное место или качественная обрезка по форме. Подойдёт например для многоцветного клипарта, у которого прозрачный фон: ёлка с игрушками, феерверк, леопард.- 8 бит (палитра из 256 цветов, сжатый)
Такие изображения весят гораздо меньше тех, что описаны выше. Но их палитра не полноцветная, а прозрачность резкая (либо полностью прозрачный, либо нет). Хорошо сохраняет детали. И если не нужно много цветов или плавная прозрачность, то являются лучшим выбором, потому что весят гораздо меньше. Подходят например для бланков или пунктирной обводки.- 8 бит "улучшенный" (палитра из 256 цветов, сжатый)
Этот формат появился недавно, хотя его отображение поддерживается везде изначально. Он похож на обычный 8-битный PNG, но позволяет делать плавную прозрачность, чего раньше нельзя было достичь. Сохранить в такой формат можно из современного фотошопа (где найти в меню, диалог экспорта), или используя онлайн сервис TinyPNG. Такие изображения подойдут для многих целей, где мало цветов и мало плавных переходов, но есть много деталей или чётких линий и нужна прозрачность. Например чтобы сделать слой камеры смартфона, обрезку по форме продукта, клипарт снежинки, стрелки часов.Пример изображений в формате PNG - 24 бит (23 килобайта), 8 бит (8 килобайт)
и 8 бит улучшенный (8 килобайт):
GIF
Изображения в формате GIF примерно эквивалентны восьмибитным PNG (не "улучшенным"). Они тоже имеют сокращенную палитру из 256 цветов и резкую прозрачность (либо полностью прозрачный, либо нет). Анимация, которую могут иметь GIF-изображения, не поддерживается конструктором. Вместо GIF в конструкторе рекомендуется использовать PNG.Пример изображения в формате GIF (11 килобайт):
