Как оптимальнее разместить большую картинку в качестве фона?

[nikki4]

есть большая картинка -  кора дерева.

задача разместить в качестве фона.

размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки.

 

вот как бы её так сжать правильно?

как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали.

 

Но может это как-то по другому делается?

 

 

пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

Edited December 5, 2015 by nikki4

[Vlad]

Оптимизируйте картинку в редакторе вначале. Можно через онлайновые сервисы, вроде этого.

http://optimizilla.com/ru/

[Igor Schnaider]

Что-то слишком много она весит для такой картинки.

Может, вам стоит просто оптимизировать ее. Учитывая, что это текстура коры, то можно попытаться довольно сильно пожать ее без заметных видимых артефактов.

[nikki4]

Что-то слишком много она весит для такой картинки.

Может, вам стоит просто оптимизировать ее. Учитывая, что это текстура коры, то можно попытаться довольно сильно пожать ее без заметных видимых артефактов.

так в том то и дело, что это не текстура, а снимок реальной коры с зеркалки.

 

причем линии по диагонали. впрочем я вырезал маленький кусочек 300-350 стало текстурой

Оптимизируйте картинку в редакторе вначале. Можно через онлайновые сервисы, вроде этого.

http://optimizilla.com/ru/

спасибо, сжало до 70кб.. на 20%

Edited December 5, 2015 by nikki4

[ShumNo]

если в картинке используется малое кол-во цветов то хороший вариант png
но вроде бы насколько я понимаю цветов много
еще вариант для большего эффекта сжатие - сделать 2 картинки если подобное позволяет сама картинка (например фон и объект разделить на 2 картинки и наложить друг на друга - за счет уменьшения кол-ва цветов 2 png будут весить меньше чем 1 общий)