- This topic is empty.
-
AuthorPosts
-
December 7, 2011 at 8:23 am #35521shamaiMember
I have a 500px square seamless texture to use on my background.
is 500px too big? should I remake it?
what is a good size?
thanksDecember 7, 2011 at 9:42 am #92117Paulie_DMemberIt’s not strictly the dimensions of the image that are important but rather the file size. Of course, in general, images that are larger in size tend to be larger in file size so there is some correlation.
Also the file type (png, jpg) can affect the file size.
Remember if your backgroud image has be served to the viewer and the larger it is the longer your page will take to load.
For a seamless texture, I wouldn’t go with more than 100px square but it depends on the effect you are trying to achieve.
December 7, 2011 at 6:17 pm #92146JohannMemberdimensions do matter though. make a two colored .png that is 100000 x 100000 big… even if it’s just 10kb or something, older computers will shit bricks. that is because images always end up decompressed in memory.
though I doubt it actually matters when talking about 500 x 500 and just one image, it’s just something that can’t hurt to keep in mind.
oh, and if you’re using .png, you want this btw ;)
December 7, 2011 at 8:24 pm #92153chrisburtonParticipantLet’s be honest, why on earth would you need an image that large?
December 7, 2011 at 8:59 pm #92159shamaiMemberwell…. thats how big my pattern was and now if i resize it and re’seam’ it …ugh….
a matter of laziness?December 7, 2011 at 9:07 pm #92160chrisburtonParticipantI was speaking to @johann, sorry.
December 7, 2011 at 9:42 pm #92164JohannMemberthat’s totally besides the point of how graphics and rendering work. I’m sure there’s *plenty* of people think a small image file is small in memory… and I just chose huge values to make a point, 5000 x 5000 is noticeable as well.
besides, one website might be one tab out of 50. that one background image might be one out of 50, too. so why not have a clue? it’s simply about the mechanics of the thing and common misconceptions.
December 7, 2011 at 9:50 pm #92165chrisburtonParticipant@shamai Maybe it does come down to laziness. Would you be kind to show us your pattern? Perhaps we or I could help you find easier ways to create patterns that need to tile.
December 8, 2011 at 10:07 am #92201shamaiMembereither ill keep it or ill try to remake it myself…
the pattern i used is a beautiful fabric pattern found as part of this pack:
http://tileabl.es/packs/pack-4-fabric
they come at 500pxI’m using number 12. when my website goes up ill show you how i used it…
December 8, 2011 at 6:35 pm #92284chrisburtonParticipantI’m sorry, number 12? There only seems to be 10 there. Upload the pattern somewhere and perhaps I can help you.
December 8, 2011 at 6:59 pm #92287MottieMember@ChristopherBurton if you download the pack, there are 20 number patterns ;) – here is number 12.
December 8, 2011 at 7:03 pm #92288chrisburtonParticipantThanks, @Mottie. I didn’t want to download that onto my computer.
December 8, 2011 at 9:55 pm #92299chrisburtonParticipantRight. So this texture is really time consuming to shrink and tile. What I did for you was optimize the image to significantly reduce the file size. This should load pretty quickly. http://jsfiddle.net/K8p8w/embedded/result
December 9, 2011 at 12:08 am #92305KetanMemberIt’s depends on texture design, if its repeated with some pixels then tale small size of texture(means if your texture design repeated with 50px so you would take 50px wide texture).
Reg. your texture size, its too big.
Thanks
October 6, 2018 at 3:34 am #277340amcphersonParticipantI would like to mention http://www.csstextures.com as a great place to download seamless css textures.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.