Как склеить несколько base64 в одну картинку?

Question

[phpus]

Как склеить несколько base64 в одну картинку ?
К примеру первая картинка:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAADYCAIAAABN6mlXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANlSURBVHhe7dbRTRxBFEVB4iIg4tloSIZgsLTGFjYLDOYtfuJUfU63ND+npXvzCBlyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3AmROyFyJ0TuhMidELkTIndC5E6I3K/g/u7mubv7p+/8b3Kf9VfpP+l9C7mPuVj6mdy3kPuEh9PtU9kXyX0LuX/SO6WfyX0LuX/C6/PlT3LfQu7/5tXSb08PL87kvoXcP+yt0i9fkPsWcv+I14f686LlvpbcDzpW+pnc15L7Ia8MmMsdy30tuR9xofZfQ/0Cua8l9yP+DPiN0s/kvpbcj/gd8Huln8l9Lbkfc393vFm5ryX3eXJfS+7z5L6W3OfJfS25z5P7WnKfJ/e15D5P7mvJfZ7c15L7PLmvJfd5cl9L7vPkvpbc58l9LbnPk/tacp8n97XkPk/ua8l9ntzXkvs8ua8l93lyX0vu8+S+ltznyX0tuc+T+1pynyf3teQ+T+5ryX2e3NeS+zy5ryX3eXJfS+7z5L6W3OfJfS25z5P7WnKfJ/e15D5P7mvJfZ7c15L7PLmvJfd5cl9L7vPkvpbc58l9LbnPk/tacp8n97XkPk/ua8l9ntzXkvs8ua8l93lyX0vuxzycbp/avRqP4vrkfsgX1K73LyD3Q17sk2u4PT08/Y4rkfshcv8e5H6M7f4tyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTojcCZE7IXInRO6EyJ0QuRMid0LkTsbj4w9/QPms3oGkRgAAAABJRU5ErkJggg==" alt="" />

Вторая :

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAADYCAIAAABN6mlXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAASPSURBVHhe7d0xchNnGMdhO2exKDycwD6BSUOVNp1d4oYupTsaq8RdWnrQCdAJGAqkuyiCrGcS7SdbkvVpV/t/noYVI1zAj3feXWvXp4vF4gQy/Nb8CgHkThC5E0TuBJE7QeROELkTRO4EkTtB5E4QuRNE7gSRO0HkThC5E0TuBJE7QeROELkTRO4EkTtB5E4QuRNE7gSRO0HkThC5E0TuBJE7QeROELkTRO4EkTtB5E4QuRNE7gSRO0HkThC5E0TuBJE7QeROELkTRO4EkTtB5E4QuRNE7gSRO0HkThC5E0TuBJE7QeROELkTRO4EkTtB5E4QuRNE7gSRO0HkThC5E0TuBJE7QeROELkTRO47mNycrnczad5F/8h9U/PxZRP06ZuH5vdKHt4079J9/5wuFovmkLJl56PbafNia9dfFh+vmmO6Zro/4d+B/oLWl34O+8vxvHlFt0z3NZb7+ZM7y5Yu7mdf3501L+iK6V7yTOvLdpdTom12f9G8o2V6OzLje6D5l+I/vlw3fzn/t67yVWv++OZfgFpM97b5j2/N0aPl+ebSptvI1cc1g356+6cJ3ym5P+NX6dtfWzl797VU/PT2g8uTHZJ729nvf/wKdcfSHy2LL6w1D3cGfHdcmamrcNLrIk13TPe6rt62Bvz002fzvSNyr6zU+/dZc8SByb22Qu/ffhjv3ZB7daPztd984sDkXt3Zq9fN0SPbTFfkThC5E0Tu1bU/k3BxPmqOOCy5E0Tu1c2+r94e8vqVb6p2Q+612WV6RO6VzT9/Mtx7Q+6VtVeZ67du1e6K3Kuaj+9WbwK0ynRI7jUVNpnrv3z4tztyr6hUu02mS3KvZ/Kh9YQatXdL7rWU1vb792rvlJv36ig9ac/z8zon9yoKt6iKvQcsMxVMblrPILPH9ILc964Y+98uP/aB3PdM7H0m970Se7/JfX/m40ux95srM/tSeki2qzE9Y7rvRXmwz7TeM6b7HpQGuydB9pHp/lKlwb7cYrTeR6b7y9jYj4rp/gJrlhit95bcd2WJOUJy30npA48Ge//Z3XfgSsyxMt23pfUjJvetWNiPm9w3V1zYXXU8JnLfkJPTIXCquhEL+zCY7s/T+mDI/RlOTodE7k9xcjowcl9vcuPkdGDkvoaFfYjkXmJhHyi5t1jYh8t191WlLaYS/4cOzXRf0f7JYfU83I3nzSEHIfcV7Z+lxHDIfcXo/KI5Ynjs7i2HW97t7ocmd4JYZggid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3Akid4LInSByJ4jcCSJ3gsidIHIniNwJIneCyJ0gcieI3IlxcvIPBPwVjf4Vpp8AAAAASUVORK5CYII=" alt="" />

Может есть какие-то онл. сервисы ? Или в фотошопе клеить эти части ?

Comments

[phpus]

Таких картинок много, весят от 1кб, до 100кб.
Просто нужна картинка, а на сайте она в таком виде.
Постоянно заходить на этот сайт, не всегда возможно.
Сохранить в кэше, бесполезно, только так.. доставая base64

Answer 1

[olamedia .]

распарсить - вытащить base64, декодировать и сохранить в файлы, затем что угодно уже

Comments

[phpus]

Так я и делаю, получается 1000 картинок, от 10х10 до 120х100.
Открывать каждую в фотошопе и клеить так ?
Если бы были они одного размера, проблем не было.
Пакетная обработка и готово, останется только сохранить (хотя и это не обязательно)

[olamedia .]

phpus: тут уже вопрос как склеить несколько картинок, к base64 никакого отношения. берется gd/imagick да склеивается. про то, что все уже склеено - я читал )

[phpus]

olamedia .: Ну как посмотреть. Я думал написать быстренько скрипт, который берет этот base соединяет и сохроняет картинку, не получилось. Смог только вытащить base и перевести его в png. Если бы я не вытащил эту 1000 картинок, то вопрос был бы именно таким. Проще же с начала склеить эти строки, чем клеить мазайку из мелких картинок.
Фоторошоп + пакетная обработка и готово.. 5 минут настройка и готово.

[olamedia .]

phpus: эти строки - содержание png в base64, вы png как строки склеивать собирались?

[phpus]

Не, не.. Я потом отвечу, спать хочу, все плыть начало xD
Но суть такова, что я с начала хотел просто соединить base64 в одну картинку и декодировать ее в изображение. Не получилось склеить base64, а декодированный base, это картинка(10х10 или по больше) или не понятные символы(понятно почему), если их взять и соединить.. Снова закодировать в base64 и декодировать все это в изображение, получается что-то не то. Биты съезжают, скорее всего.

[olamedia .]

потому что склеить base64, а потом раскодировать - почти то же самое, что склеить файлы. (на границах будут проблемы при размерах исходных png, не кратных 64)

[olamedia .]

olamedia .: картинка 10x10 потому что показывается первый файл из склеенных. не забывайте, что файлы имеют свой формат. вначале каждого идет заголовок, в нем размер. без модификации структуры - это будут просто склееные файлы. как если бы вы склеили два exe/doc/xls etc - на выбор

[phpus]

olamedia .: да по размеру знаю, поэтому и забил... просто в фотошоп все собрал и сохранил в один файл(склеил)
А было бы прикольно, если можно было сделать так.

Answer 2

[Yuri Shikanov]

На питоне можно так сделать:

from base64 import b64decode
p1 = b'...'
p2 = b'...'

result = b64decode(p1) + b64decode(p2)
with open('/tmp/img.png', 'bw') as f:
    f.write(result)

Результат:

Comments

[phpus]

Это я уже сделал.. получилось 1000 картинок по 10х10 и 120х100.
Их можно склеить в одну, имя 1000 base64 строчек?

[phpus]

Конечный результат должен получится вот таким.. а не 2 картинки =(

[Yuri Shikanov]

phpus: я пока что не понял конечную цель, если вы подробнее опишите, возможно смогу помочь

[phpus]

Вообщем есть сайт, на(в) котором хранится картинка в виде:

<div ///>
<img id="img0" src="data:image/png;base64,iVBORw0K..." style="width: 700px;">
<img id="img1" src="data:image/png;base64,iVBORw0K..." style="width: 700px;">
...
<img id="img10" src="data:image/png;base64,iVBORw0K..." style="width: 700px;">
</div>

В итоге получается типа одна картинка.

Скачать кэш - облом, не грузится.
Остается только качать так base или сразу картинки и уже склеивать..
Разумеется должно получится 10(ну или одна) картинка из 1000 таких блоков.

[Yuri Shikanov]

phpus: ну да, здесь только придется обрабатывать пакетно, написать парсер, который все эти base64 достанет из html, декодирует, полученные картинки склеит и сохранит в файл.

[phpus]

Да я сам могу достать из .. так будет быстрее чем писать, а вот склеивать лучше через что-то.. чем ручками в пейнте или фотошопе.

На ум приходит воспользоваться js..
создать форму, через нее грузить эти бейсы, а после js как-то все это склеить должен..

А на питоне, придется ставить локалку, а точнее библиотеки.. Главное что бы скрипт был, остальное не важно =)
Пойду подумаю как на php можно по быстрому..

[Yuri Shikanov]

в PHP base64 можно распарсить без проблем, чтобы картинки склеить можно использовать GD

[phpus]

Yuri Shikanov: я уже через фотошоп решил все склеить, так быстрее. Спасибо!