MakeBead

~ ЧЁТКИЕ ПИКСЕЛИ В НУЖНОМ РАЗМЕРЕ ~

Изменение размера пиксель-арта

Увеличивайте спрайты, значки и пиксельные рисунки без сглаживания краёв. Выберите точный множитель или укажите выходные размеры, сравните результат с оригиналом и скачайте PNG с прозрачностью. Изображения остаются в браузере: регистрация и отправка на сервер не нужны.

Перетащите сюда PNG, JPEG или WebP

До 20 МБ · Статичный PNG · Обработка на вашем устройстве

Откройте изображение или попробуйте пример для предпросмотра нового размера.

Как изменить размер пиксель-арта без размытия

  1. Откройте изображение. Выберите файл PNG, JPEG или WebP либо перетащите его в область загрузки. Если спрайту нужен прозрачный фон, используйте PNG с прозрачностью. Попробуйте встроенный пример, чтобы освоить настройки перед выбором файла.
  2. Выберите множитель или точный размер. Используйте 2×, 3×, 4× или 8×, чтобы каждый исходный пиксель превратился в квадрат одинакового размера. Если нужны определённые размеры холста, выберите произвольные размеры. Сохраняйте пропорции, если не хотите намеренно растянуть изображение.
  3. Проверьте результат. Предпросмотр обновляется при изменении размера. Режим «Вписать» показывает изображение целиком, а 100% — один выходной пиксель на один CSS-пиксель, с возможностью прокрутки. Перед скачиванием проверьте и размеры, и сам рисунок, особенно при уменьшении или нецелом масштабе.
  4. Скачайте PNG нового размера. Сохранённое изображение имеет выходные ширину и высоту, указанные в инструменте. В нём нет шахматного фона предпросмотра, рамки или водяного знака. Прозрачность сохраняется, а PNG позволяет избежать новых артефактов сжатия, которые могли бы появиться при экспорте в JPEG.

Почему целочисленное увеличение сохраняет ровную пиксельную сетку

Спрайт 16 × 16 при увеличении в 4 раза становится 64 × 64. Каждый исходный пиксель занимает квадрат 4 × 4, поэтому контуры, промежутки и повторяющиеся узоры сохраняют пропорции. Это удобно для игровых спрайтов, аватаров, графики для презентаций и рисунков, которым нужен более крупный экспорт с прежним стилем.

При произвольном размере, например при переходе с 16 × 16 на 50 × 50, края остаются чёткими, но одни исходные пиксели становятся шириной в три пикселя, а другие — в четыре. Метод ближайшего соседа не смешивает их цвета, но не может сделать разную ширину одинаковой. Выбирайте целый множитель, когда важна равномерная сетка.

Ближайший сосед, прозрачность и исходное изображение

При изменении размера методом ближайшего соседа для каждой выходной позиции выбирается существующий исходный пиксель, а не смесь соседних цветов. Инструмент копирует вместе его значения красного, зелёного, синего и альфа-канала. Прозрачные области остаются прозрачными, а уже имеющиеся полупрозрачные края — полупрозрачными. Шахматный фон служит только для просмотра.

Изменение размера не исправляет размытую исходную картинку, не убирает артефакты JPEG, не сокращает палитру и не превращает фотографию в тщательно нарисованный спрайт. По возможности используйте оригинальный маленький PNG. Чтобы преобразовать фото в пиксель-арт или перерисовать отдельные пиксели, воспользуйтесь конвертером или пиксельным редактором по ссылкам ниже.

Уменьшение спрайта и изменение размера спрайт-листа

При уменьшении часть исходных пикселей отбрасывается. Контур, блик или зазор толщиной в один пиксель может исчезнуть, даже если края результата остаются чёткими. Проверьте уменьшенную картинку при 100% и внесите художественные правки в редакторе. Повторное уменьшение и увеличение не возвращает потерянные детали; здесь каждое изменение рассчитывается из загруженного оригинала.

Статичный спрайт-лист можно изменить как одно изображение. Целочисленное увеличение сохраняет пропорции размеров кадров и расстояний между ними. Инструмент не разделяет кадры, не обновляет атлас анимации и не экспортирует анимацию. Он принимает статичные PNG, JPEG и WebP; анимированные файлы в поддерживаемом формате превращаются в неподвижное изображение, декодированное браузером.

Вопросы об изменении размера пиксель-арта

Как увеличить пиксель-арт, чтобы он не стал размытым?

Используйте метод ближайшего соседа и целый множитель, например 2× или 4×. Каждый исходный пиксель станет квадратом одинакового размера. Этот инструмент применяет ближайшего соседа для любых выходных размеров и экспортирует PNG без потерь.

Можно задать точные ширину и высоту?

Да. Выберите произвольные размеры и введите значения в пикселях. Сохранение пропорций автоматически рассчитывает вторую сторону с округлением до ближайшего целого пикселя. Отключите его, чтобы задать ширину и высоту независимо. Разные коэффициенты масштаба растягивают рисунок.

Сохранится ли прозрачный фон в PNG?

Да. Результат сохраняет прозрачность оригинала. Шахматный фон предпросмотра не попадает в скачанный файл. В исходном JPEG нет прозрачности, поэтому изменение размера не удалит его фон.

Можно уменьшить пиксель-арт?

Да, задав меньшие произвольные размеры. Метод ближайшего соседа не смешивает выбранные цвета, но уменьшение неизбежно отбрасывает исходные пиксели и может убрать мелкие детали. Проверьте результат перед использованием.

Какие размеры и форматы поддерживаются?

Поддерживаются файлы PNG, JPEG и WebP размером до 20 МБ. Для исходного изображения и результата действуют ограничения: 16 миллионов пикселей всего и 8 192 пикселя на любой стороне. Скачивается статичный PNG; GIF и экспорт анимации не поддерживаются.

Изображение покидает моё устройство?

Нет. Чтение, изменение размера и создание PNG происходят локально в браузере. Изображение не отправляется на сервер, входить в аккаунт не нужно.

Отправить отзыв

Нашли баг, не хватает функции или просто хотите поздороваться? Мы читаем каждое сообщение.

Или напишите напрямую: contact@makebead.com