0

Есть маленький спрайт:

# спрайт Марио в base64 записать в файл:
magick 'inline:data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7EAAAO
xAGVKw4bAAAA00lEQVQ4ja1UwRGDMAyTe7zLJmWUzMoodBO6gHmkhsRWcukVvYID
kiKbiKoqbsTjTjIAmLq7IvXzwGHahJ5sUKBJKKhf3rcVAPB8pZ5BTihyEcxLomuD
Fxhqyryk06WtDZ93LSB+bMqYvBtPBsQYA2FP3YPl2XUIAIpcsCZ5eRM18slvALyL
CoFAu5EApCn7tsbx+hY0U55llmkYG7NefuhzKAVFUv1Mm8L+EgKWa5zDQbIWqiNn
riuvID8g1r4c2Hi6Ghvg6sg/mqEIDv+9v2+/sQ8vtmAvY/Wf0QAAAABJRU5ErkJg
gg==' mario.png

Я хочу отмасштабировать его в 8 раз:

convert -scale 800%  -quality 100 mario.xpm mario-big.png

Но отмасштабировать нужно с отступами между пикселями. Чтобы между четырьмя соседними увеличенными в 8х раз пикселями был отступ в 1 пиксель. Либо наложить поверх сетку цвета фона с учётом размеров исхоного спрайта.

Как можно это сделать, подскажите пожалуйста?

Пример того, что я хочу увидеть:введите сюда описание изображения

2 ответа 2

3

Эту задачу можно решить с помощью следующей команды:

convert mario.png \
  -scale 800% \
  -crop 0x8 -splice 0x1 -append \
  -crop 8x0 -splice 1x0 +append \
  -chop 1x1 output.png

Если исходное изображение было 20x20 пикселей, то на выходе получим изображение размером 179x179:

output.png

Разберем по шагам:

  • -scale — масштабирование изображения, увеличиваем изображение в 8 раз с помощью команды -scale 800%.
  • -crop — эта команда нарезает изображение на куски указанного размера. Если передаем 0 в качестве ширины, то берется максимальная ширина. То есть -crop 0x8 нарежет изображение на горизонтальные полоски размера 160x8.
  • -splice — добавление строк или колонок в указанное место. Команда -splice 0x1 добавит полоску размера 160x1 в начало изображения. Эта команда применяется к каждому куску из предыдущего шага.
  • -append — этой командой соединяем модифицированные изображения с предыдущего шага в одно изображение. Изображения соединяются друг за другом по вертикали.
  • Далее аналогично применяются -crop и -splice, но изображение нарезается по вертикальным полоскам.
  • +append — соединяет изображения в горизонтальном направлении.
  • -chop — операция, противоположная splice, удаляет указанные строки и столбцы. Команда -chop 1x1 удалит столбец и строку по 1 пикселю в начале изображения.
2
  • Спасибо! Очень круто. Лучше другого варианта, где пришлось резать кучу файлов и добавлять цикл.. А можете объяснить, что происходит в вашем скрипте? Хочется понимать. 4 сен 2022 в 16:13
  • Подробнее изучил процесс, большое спасибо за разложение по полочкам и разметку markdown. С чужих объяснений понять, пусть и не сразу, могу, но сам сгенерировать, сколько не читал инструкций по IM - не могу. Неужели я тупой?) Зачем в данном случае -chop 1x1 попробовал без него - получается тоже самое, только без смещения. Запутался, как лучше. 6 сен 2022 в 12:29
1

Мне ещё так советовали с циклом:

magick mario-big.png -crop x8 mario-row-%02d.png ; for f in mario-row-*png ; \
do echo $f; magick "$f" -crop 8x -background "#fffffe" +smush 1 "$f"; done ; \
magick mario-row-*png -background "#fffffe" -smush 1 mario-big3.png ; rm mario-row-*.png

Это же подробнее bash-скриптом:

#!/bin/bash

# Chop into rows, each row being 50px tall
magick artistic-swirl.jpg -crop x50 row-%02d.png

# Iterate over rows, chopping each into 50px wide chunks and recombining with 1px spacing
for f in row-*png ; do
 echo $f
   magick "$f" -crop 50x -background yellow +smush 1 "$f"
done

# Smush the new rows together vertically with 1px spacing
magick row-*png -background cyan -smush 1 result.png

Почти то, что надо, только временные файлы создаёт и их потом удалять надо. И нельзя указать для рамки оба цвета как white - продают все цвета вообще. Обхожу это указывая на байт меньше: #fffffe Глазу разницы не видно, но почему так, кто скажет?

Подробности тут: https://stackoverflow.com/questions/73590651/i-want-to-scale-the-sprite-8x-with-padding-between-pixels

7
  • Старайтесь давать чуть более развернутые ответы и пояснять что происходит в приложенном вами коде, чтобы пользователи, которые столкнулись с той же проблемой смогли понять, что вы делаете, почему и как вы к этому пришли... в противном случае пользы от него для окружающих не так много 4 сен 2022 в 16:07
  • 1
    ОК. просто не успел добавить описание. 4 сен 2022 в 16:11
  • плюсик вам в карму 4 сен 2022 в 16:44
  • Обхожу это указывая на байт меньше: #fffffe Глазу разницы не видно, но почему так, кто скажет? вопросы в ответе писать - тоже не лучшая идея :) 4 сен 2022 в 16:45
  • Следует ли из-за такой мелочи создавать новый вопрос? 6 сен 2022 в 12:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.