javascript - Optimizing non-repeatable patterns -


while looking pattern use background found this pattern.

i'm using website background.

the problem pattern isn't repeatable.

i have set background body if use css obvious seams each new picture begins.

body {     background:url(../images/testbackground.jpg) repeat; } 

i know can fix rotating/flipping photo larger photo. i've done here. , works perfectly, repeatable , looks on site (you know, except mirroring on seams, that's negligible)

the problem i'm big optimizing load speeds people have slower internet connections, having background that's 4 times size should doesn't sit me.

is there way can rotate/flip photo using code? i'd rather not have use complicated jquery/javascript script realistically know i'll have to.

does know of script this?

here reference how needs rotated:

i don't have solution flips , rotates. made background repeatable :)

i cut off offending pixels right, background bit smaller

repeatable bg

but since optimization: picture repeats in already! can further crop smaller size , still have same background:

the smaller bg same effect


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -