Руководство по формату вебтунов: размеры, форматы и технические требования
Освойте размеры и форматирование вебтунов. Узнайте точные размеры холста, настройки разрешения и технические спецификации для Webtoon, Tapas и других платформ.
Неправильные размеры вебтуна означают размытый арт, неудобные раскладки или отклонённые загрузки. Это руководство охватывает точные технические спецификации, необходимые для создания вебтунов, которые идеально отображаются на каждом устройстве и платформе.
Стандартный размер холста вебтуна
Рекомендуемые размеры: 800 x 1280 пикселей (ширина x высота)
Это наиболее широко принятый формат на разных платформах. Ширина 800 пикселей чётко отображается на мобильных телефонах без необходимости чрезмерной горизонтальной прокрутки, в то время как высота 1280 пикселей вмещает примерно один «эпизод» читаемого контента на сегмент.
Почему именно эти числа?
800 пикселей ширина: Большинство смартфонов отображают контент шириной 360-428 пикселей. При 800 пикселях ваш арт имеет достаточно деталей, чтобы выглядеть чётко при уменьшении, без создания излишне больших файлов.
1280 пикселей высота: Это создаёт комфортный читаемый сегмент. Читатели прокручивают несколько панелей по 1280 пикселей для чтения полного эпизода, создавая естественные паузы в темпе.
Требования конкретных платформ
Разные платформы имеют разные технические требования. Вот что вам нужно знать:
Webtoon (LINE Webtoon / Canvas)
| Спецификация | Требование |
|---|---|
| Ширина | 800 пикселей (рекомендуется) |
| Высота | 1280 пикселей на полосу (рекомендуется) |
| Формат файла | JPG или PNG |
| Макс. размер файла | 2 МБ на изображение |
| Макс. изображений на эпизод | 100 |
| Цветовой режим | RGB |
| Разрешение | 72 DPI (веб-стандарт) |
Важные примечания:
- Полосы Canvas должны быть ровно 800 пикселей шириной
- Высота может варьироваться, но сегменты 1280 пикселей лучше всего работают для темпа
- JPG рекомендуется для полноцветного арта (меньшие файлы)
- PNG для арта с прозрачностью или большими областями сплошного цвета
Tapas
| Спецификация | Требование |
|---|---|
| Ширина | 800-940 пикселей (800 пикселей рекомендуется) |
| Высота | Без строгого максимума |
| Формат файла | JPG, PNG или GIF |
| Макс. размер файла | 5 МБ на изображение |
| Цветовой режим | RGB |
Tapas предлагает больше гибкости, чем Webtoon. Более широкий диапазон подходит для разных стилей, но придерживание 800 пикселей поддерживает последовательность при кросспостинге.
GlobalComix
| Спецификация | Требование |
|---|---|
| Ширина | 720-1080 пикселей (варьируется) |
| Высота | Варьируется |
| Формат файла | JPG, PNG, WEBP |
| Макс. размер файла | 10 МБ на изображение |
GlobalComix поддерживает традиционные страничные раскладки наряду с форматами вертикальной прокрутки.
Самостоятельный хостинг
Если вы размещаете на собственном сайте, у вас полный контроль. Учтите:
- Ширина: 800-1000 пикселей для мобильной оптимизации
- Формат: WEBP для лучшего сжатия, с JPG fallback
- Ленивая загрузка: реализуйте для длинных эпизодов
Настройка вашего холста
В Clip Studio Paint
- Файл > Создать
- Ширина: 800 пикселей
- Высота: установите общую высоту эпизода (умножьте 1280 на количество сегментов)
- Разрешение: 72 dpi для веб-экспорта (работайте при 300 dpi, если хотите опции печати)
- Цветовой режим: RGB
Совет профессионала: Создавайте в 2x размере (1600 x 2560) и экспортируйте при 50% для более чёткого финального арта. Это даёт вам гибкость для печати или дисплеев более высокого разрешения в будущем.
В Procreate
- Нажмите + для создания нового холста
- Нажмите значок + в правом верхнем углу
- Введите Ширина: 800 пикселей, Высота: ваша общая высота эпизода
- DPI: 72 для веба
- Цветовой профиль: sRGB
В MediBang / ibisPaint
Оба приложения имеют предустановки холста специально для вебтунов. Ищите:
- Предустановки «Webtoon» или «Comic»
- Установите ширину 800 пикселей
- Настройте высоту для длины вашего эпизода
Работа в более высоком разрешении
Многие профессиональные авторы вебтунов работают в двойном разрешении (1600 x 2560) и уменьшают для экспорта. Преимущества включают:
- Более чёткий финальный арт: уменьшение естественно сглаживает края
- Гибкость для печати: 1600 пикселей при 300dpi = примерно 13,5 см ширины
- Задел на будущее: дисплеи более высокого разрешения могут стать стандартом
Недостаток
Большие файлы означают:
- Более медленную работу приложения
- Требуется больше хранилища
- Более долгое время экспорта
Если ваше устройство не справляется, работайте при стандартных 800 пикселей — разница в финальном качестве незначительна.
Структурирование вашего эпизода
Типичный эпизод вебтуна состоит из нескольких вертикальных полос, сшитых вместе или загруженных отдельно.
Метод 1: Один длинный холст
Создайте весь эпизод на одном высоком холсте:
- Ширина: 800 пикселей
- Высота: 1280 пикселей × количество секций
Пример: эпизод из 10 секций = 800 x 12 800 пикселей
Затем нарежьте готовый арт на сегменты 800 x 1280 для загрузки.
Плюсы: легко управлять темпом и визуальным потоком Минусы: очень большой файл, может тормозить в приложениях для рисования
Метод 2: Отдельные холсты
Создайте каждую секцию как отдельный файл:
- Файл 1: 800 x 1280
- Файл 2: 800 x 1280
- И так далее…
Плюсы: меньшие файлы, легче для системных ресурсов Минусы: сложнее управлять непрерывностью между секциями
Метод 3: Страничная основа, затем нарезка
Работайте в традиционных страничных размерах, затем конвертируйте в вертикальный формат:
- Создайте в стандартных размерах комикс-страницы
- Перестройте панели в вертикальную раскладку
- Экспортируйте как полосы шириной 800 пикселей
Это работает для художников, переходящих от традиционных комиксов.
Руководство по длине эпизода
Какой длины должен быть эпизод вебтуна?
| Тип эпизода | Приблизительная длина | Время прокрутки |
|---|---|---|
| Короткий | 15-25 панелей (5-8 полос) | 1-2 минуты |
| Стандартный | 30-50 панелей (10-15 полос) | 2-4 минуты |
| Длинный | 60+ панелей (20+ полос) | 5+ минут |
Нормы платформ:
- Webtoon Originals: обычно 50-70+ панелей
- Canvas: высоко варьируется, часто короче
- Tapas: средняя длина наиболее распространена
Начните с более коротких эпизодов, пока найдёте свой ритм, затем расширяйтесь по мере улучшения рабочего процесса.
Настройки экспорта файлов
Для экспорта JPG
- Качество: 85-95% (баланс размера файла и качества)
- Цвет: RGB
- Разрешение: 72 DPI
JPG лучше всего работает для:
- Полноцветного арта с градиентами
- Фотографических элементов
- Когда важен размер файла
Для экспорта PNG
- Битовая глубина: 8 бит (если не нужна прозрачность)
- Сжатие: максимальное
- Цвет: RGB
PNG лучше всего работает для:
- Арта с большими плоскими цветовыми областями
- Когда нужна прозрачность
- Панелей с большим количеством текста (более чистые края)
Сравнение размеров файлов
Для типичной полноцветной панели 800 x 1280:
- PNG: ~500 КБ - 1,5 МБ
- JPG (90% качество): ~150 КБ - 400 КБ
- WEBP: ~100 КБ - 250 КБ
Если вы достигаете лимитов размера платформы, переключитесь на JPG или оптимизируйте инструментами вроде TinyPNG.
Распространённые ошибки форматирования
Ошибка 1: Неправильная ширина
Проблема: создание при 1000 пикселей, 600 пикселей или произвольной ширине Результат: растянутый, сжатый или размытый арт при отображении Исправление: всегда используйте ширину 800 пикселей (или точное требование вашей платформы)
Ошибка 2: Игнорирование лимитов размера файла
Проблема: PNG высокого разрешения, превышающие 2 МБ Результат: отклонение загрузки или принудительное сжатие Исправление: экспортируйте как JPG при качестве 85-90% или оптимизируйте PNG перед загрузкой
Ошибка 3: Неправильный цветовой режим
Проблема: работа в CMYK (режим печати) для веб-контента Результат: приглушённые, неправильные цвета при отображении на экранах Исправление: всегда работайте в RGB для цифрового контента
Ошибка 4: Слишком мелкий текст
Проблема: диалог читаем на десктопе, нечитаем на телефонах Результат: разочарованные читатели Исправление: тестируйте леттеринг при реальном размере телефона. Если щуритесь — слишком мелко.
Ошибка 5: Слишком высокие панели
Проблема: одиночные панели, занимающие несколько высот экрана Результат: читатели теряют контекст, неудобный опыт чтения Исправление: держите отдельные панели ниже ~1000 пикселей. Разбивайте длинные кадры на несколько панелей.
Тестирование вашего формата
Перед публикацией проверьте, что ваше форматирование работает:
Десктоп-тест
- Откройте экспортированные файлы при 100% масштабе
- Проверьте артефакты сжатия (блочные области в градиентах)
- Убедитесь, что текст читаем
- Подтвердите, что цвета соответствуют вашему рабочему файлу
Мобильный тест
- Перенесите тестовый файл на телефон
- Просмотрите в приложении фотографий при нормальном размере
- Проверьте читаемость текста
- Убедитесь, что важные детали не потеряны
Предпросмотр платформы
Большинство платформ предлагают функции предпросмотра:
- Webtoon Canvas: предпросмотр перед публикацией
- Tapas: доступен предпросмотр черновика
- Тестовый аккаунт: создайте тестовую серию, видимую только вам
Рабочий процесс оптимизации формата
Вот пошаговый рабочий процесс для последовательного, оптимизированного форматирования вебтуна:
Шаг 1: Создание
- Холст: 1600 x 2560 (или 800 x 1280 для стандартного)
- Цветовой режим: RGB
- Рабочее разрешение: 300 DPI (опционально) или 72 DPI
Шаг 2: Завершите ваш арт
Работайте над эпизодом, помня о мобильной читаемости на протяжении всего процесса.
Шаг 3: Сведение и экспорт
- Сведите слои (сохраните послойную резервную копию)
- Экспортируйте в финальном размере: 800 пикселей ширина
- Формат: JPG при 90% для цвета, PNG для плоских цветов
- Разрешение: 72 DPI
Шаг 4: Нарезка (при необходимости)
Если работали на одном длинном холсте, нарежьте на секции:
- Каждая секция: 800 x 1280 пикселей
- Нумеруйте файлы последовательно (001, 002, 003…)
Шаг 5: Проверка
- Проверьте размеры файлов против лимитов платформы
- Предпросмотр на мобильном
- Подтвердите порядок последовательности
Шаг 6: Загрузка
Следуйте процессу загрузки вашей платформы, сохраняя порядок файлов.
Инструменты для управления форматом
Инструменты нарезки
- Clip Studio Paint: экспорт с настройками нарезки
- Photoshop: инструмент нарезки + экспорт для веба
- Бесплатно: онлайн-нарезчики изображений вроде Pine Tools
Пакетная оптимизация
- TinyPNG: сжатие PNG и JPG файлов
- Squoosh: инструмент сжатия изображений от Google
- ImageOptim (Mac): пакетная оптимизация изображений
Инструменты предпросмотра
- Responsively App: предпросмотр при нескольких размерах экрана
- Инструменты разработчика браузера: эмуляция мобильных устройств
Краткая справочная карточка
Сохраните для вашего рабочего процесса:
СТАНДАРТНЫЙ ФОРМАТ ВЕБТУНА
━━━━━━━━━━━━━━━━━━━━━━━━━
Ширина: 800 пикселей
Высота: 1280 пикселей на секцию
Формат: JPG (цвет) или PNG (плоский)
Качество: 85-95%
Разрешение: 72 DPI
Цвет: RGB
Макс. размер: 2 МБ на изображение (Webtoon)
5 МБ на изображение (Tapas)Следующие шаги
С настроенными параметрами формата вы готовы сосредоточиться на главном — создании отличных историй. Последовательные технические спецификации означают, что ваш арт отображается как задумано, позволяя вашему повествованию сиять.
Для совместного создания вебтунов со встроенными инструментами форматирования попробуйте Multic — он обрабатывает технические спецификации, чтобы вы могли сосредоточиться на создании.
Связанные материалы: Как создать вебтун, Публикация на Webtoon, Основы раскладки панелей