SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 57

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question Background image of wood with different different texture horizontally and vertically

    I'm curious to find out how i can code this in css?

    If i have a background image of wood and the wood texture changes across the page both horizontally and vertically.

    i can't exactly have a single image (like a single horizontal line repeat). or a single vertical line repeat. If i take the line on the outside, it won't look like the vertical image or horizontal image inside.

    http://pabloalvin.deviantart.com/art...xture-91469799
    such as this image for example, do you think it's possible to use this as a background image and how would i go about coding it or separating into multiple background images.

  2. #2
    Barefoot on the Moon! silver trophy
    Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,524
    Mentioned
    52 Post(s)
    Tagged
    1 Thread(s)
    Use the background-image CSS property and the background-repeat CSS property.

    For example:
    Code:
    div {
         width:500px;
         height:500px
         background-image:URL('path-to-your-image/yourimage.jpg');
         background-repeat: repeat-x repeat-y;
    }
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Force flow, thanks for the reply. But my question is a bit different.

    i'm trying to ensure that the page loads quickly. do you think breaking the background image into multiple images and coding multiple background in css would be faster loading for the website or one big image as a background just using it to cover the whole screen?

    Does anybody use svg for backgrounds out of curiosity cause i believe that would scale better instead of a raster image?

    let me know, thanks.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,611
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by wc43870n View Post
    If i take the line on the outside, it won't look like the vertical image or horizontal image inside.
    It's not really clear what you are saying there, but I guess your issue is that the image doesn't tile nicely (that is, repeat across the page seamlessly). There are plenty of wood images that do tile, so that would be the best option. Linking to multiple images in not a good idea, but I don't know what that would achieve anyway.

    There are new CSS properties that tell a single background image to cover the whole background area, but you need a fairly big image for that to look decent, so I'd still recommend a wood image that is suited for tiling.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,232
    Mentioned
    52 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by wc43870n View Post
    I'm curious to find out how i can code this in css?

    If i have a background image of wood and the wood texture changes across the page both horizontally and vertically.

    i can't exactly have a single image (like a single horizontal line repeat). or a single vertical line repeat. If i take the line on the outside, it won't look like the vertical image or horizontal image inside.

    http://pabloalvin.deviantart.com/art...xture-91469799
    such as this image for example, do you think it's possible to use this as a background image and how would i go about coding it or separating into multiple background images.
    This is the same piece of wood arranged so it tiles:

    wood-tile.jpg

  6. #6
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks for all the advice so far but What i actually have is a psd file given to me by an artist and what they designed is something that looks like aged paper on top of a certain wooden texture background that i was told the client must have. The problem with this wood background is it's not a tileable image. It's different from left to right and top to bottom. It doesn't tile well. That's why i was thinking of multiple background images. we need to make this compatible in old browsers as well.

    So i have a wood panel background and an image of something that resembles a sheet of aged yellowed paper in the middle of the site which contains a logo on the top of the page. (picture a yellow paper that's 8x11 for example)

    Within that yellow paper, we see about 4 different buttons, that will have an arrow show up next to each text label link. the font she used for the text on the link, i'm not too sure.

    On the bottom left, you'll see like a square that actually displays like a special deal.

    Then on the very bottom, you'll see an address, phone number and email.

    i tried uploading this file, but it failed to upload.

    What i would like to know is what design recommendations i should give to them.

    especially if they don't want to change the background image? and i am the use the whole background image of wood, wouldn't it be too big and take a long time to load the website.

    i know css has some feature that allows a background img to cover the whole screen. but what should the max image size be and what recommended dimensions should the image have?

    let me know, thanks.

  7. #7
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,232
    Mentioned
    52 Post(s)
    Tagged
    2 Thread(s)
    The image that I posted (your image) will tile (repeat) across a big screen. It sounds like you are not interested in that particular wood image, though.

    Do you know how to work with PhotoShop or Windows Viewer? If so, how much larger than 100% can you enlarge an image before it starts to look unpleasantly fuzzy? Exactly those same perceptions pertain to images enlarged with CSS. Images can be scaled down easily, but scaling them larger than their natural size introduces fuzziness. The amount of fuzziness that can be tolerated depends on the image and the person viewing that image. As you noted, larger images require more bandwidth. It's a judgement call.

    The dimensions of the image depend on whether it must be rendered with its native aspect ratio or not. If a strict aspect ratio must be respected, then the image should be large enough to look acceptable on the largest screen used by the target audience. Again, it's a judgement call that only you can make.

    What is the acceptable level of fuzziness?

    As Ralph recommended, one smaller, repeating image would be more economical bytewise and CPU-wise across all UAs than one large image that resizes to fit the screen. The smaller repeatable image would be my choice.

  8. #8
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    The image that I posted (your image) will tile (repeat) across a big screen. It sounds like you are not interested in that particular wood image, though.

    Do you know how to work with PhotoShop or Windows Viewer? If so, how much larger than 100% can you enlarge an image before it starts to look unpleasantly fuzzy? Exactly those same perceptions pertain to images enlarged with CSS. Images can be scaled down easily, but scaling them larger than their natural size introduces fuzziness. The amount of fuzziness that can be tolerated depends on the image and the person viewing that image. As you noted, larger images require more bandwidth. It's a judgement call.

    The dimensions of the image depend on whether it must be rendered with its native aspect ratio or not. If a strict aspect ratio must be respected, then the image should be large enough to look acceptable on the largest screen used by the target audience. Again, it's a judgement call that only you can make.

    What is the acceptable level of fuzziness?

    As Ralph recommended, one smaller, repeating image would be more economical bytewise and CPU-wise across all UAs than one large image that resizes to fit the screen. The smaller repeatable image would be my choice.
    i have some photoshop knowledge and just pulled up the info about scaling it larger using bicubic smoother.

    i was planning on designing it for 1024 px wide layout as per usual.

    Not sure how that would look on gigantic 27 inch monitors.

    As for that aspect ratio part, i can't really tell since i'm not familiar with aspect ratios. what i googled so far tells me that a 4:3 aspect ratio indicates the 4 is the width and the 3 is the height. so i'm guessing you're saying whether the image must be rendered using its original proportions.

    I'm not sure what you mean by strict aspect ratio though ?

    you mentioned across all UA's? what does UA's mean?

    yeah, i'm going to try to see if i can scale down their huge pattern and see how it looks repeated on x and y.

  9. #9
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,232
    Mentioned
    52 Post(s)
    Tagged
    2 Thread(s)
    Pixels and inches don't exactly equate. Inches are a fixed unit of linear measure. Pixels vary in size. There may be anywhere from 52 to 180 pixels per inch (or more), so it's inexact to equate pixels to monitor size in inches without knowing the pixel density. I usually estimate around 2000px as a widescreen monitor, but am aware that higher end graphics monitors can exceed 3000px width. With high pixel densities comes a need for scaling images up so they don't shrink with the pixels. Graphics cards and software manages that for us so the screen can actually render an image that is approximately the same size in inches on monitors with different pixel densities.

    Aspect ratio indeed refers to the fraction representing the image's native width and height. width:height. I used the word "strict" to differentiate between adhering to the native aspect ratio and not doing so (stretching the width or height).

    UA stands for User Agent which encompasses the gamut of browsers being used as well as other web rendering devices including screen readers, etc.

    You can post your client's image, if you wish. I enjoy tinkering.

    Cheers

  10. #10
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    You can post your client's image, if you wish. I enjoy tinkering.

    Cheers
    Thanks for the info. I really want to post that image, but i can't. the sitepoint forum is not letting me upload it, some kind of javascript error it think maybe cause i'm on safari?

    Save the psd as a low quality png and then you should be able to attach it to the post so we can give more specific advice. At least we will be able to say yes or no to certain elements or offer advice in modifying them.
    i did actually, it gave me that issue despite being low quality jpg or png.

  11. #11
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    http://webpage.pace.edu/wc43870n/des...oquality-1.jpg


    Here i managed to upload on this server. it'll give you an idea of what i'm trying to slice up and code.

    I would like some recommendations as the image is huge before made it super low quality jpeg.

  12. #12
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,611
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    For future reference, you can upload images by clicking Go Advanced (bottom right) and clicking Manage Attachments.

    Yes, that image is an example of why traditional graphic designers don't belong anywhere near web design. They just don't get even the most basic aspects of the web—such as the fact that content is changeable and flexible, whether you like it or not. With a fixed background image like that (the paper) you have to try to position text etc. exactly, which you just can't do. All the user has to do it increase their font sizes (say, but setting their default font size to larger than normal—which isn't unusual) and the layout is blown out of the water, with text hanging out of fixed height boxes and spilling beyond the background image. For some reason, it's a very hard message to get through to a graphic designer, though.

    If you are stuck with this nonsense layout, the first thing you should do is detach the wood background from the page image. Get the designer to find a similar wood background that can tile. That's his/her job. Preferably, also get him/her to redo the paper image so that it could at least expand vertically ...

  13. #13
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    For future reference, you can upload images by clicking Go Advanced (bottom right) and clicking Manage Attachments.



    Yes, that image is an example of why traditional graphic designers don't belong anywhere near web design. They just don't get even the most basic aspects of the web—such as the fact that content is changeable and flexible, whether you like it or not. With a fixed background image like that (the paper) you have to try to position text etc. exactly, which you just can't do. All the user has to do it increase their font sizes (say, but setting their default font size to larger than normal—which isn't unusual) and the layout is blown out of the water, with text hanging out of fixed height boxes and spilling beyond the background image. For some reason, it's a very hard message to get through to a graphic designer, though.

    If you are stuck with this nonsense layout, the first thing you should do is detach the wood background from the page image. Get the designer to find a similar wood background that can tile. That's his/her job. Preferably, also get him/her to redo the paper image so that it could at least expand vertically ...

    http://www.elalmacennyc.com/ - the designer referred me to this design saying that this site was able to get a background up and without tiling, but it looks like they just used a background and scaled it up if i remember correctly anyway, i looked at this a couple of days ago.

    yes i tried uploading the way you mentioned and that's what gave me the error i was referring to .

    i'm waiting on them to detach the background cause their psd doesn't have that detached.

    how can they redo the paper image so that it can expand vertically?

  14. #14
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,864
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    What i actually have is a psd file given to me by an artist
    I have sympathy with you as I receive quite a few non viable PSDs and the first thing I tell the designer is that a monitor is not a canvas and designs should be made to suit the medium. Many designers can draw pretty pictures but have no knowledge of how they can possibly work on a web page. I'm not a designer as such but I know instantly what will work and just because someone can draw it doesn't mean its viable for the web as the designs should be optimised for the medium on which they are to be presented. It sounds like a classic case of "not fit for purpose" as it's the content that should dictate the design because you can't squeeze fluid content into fixed width boxes unless the designer understands the problems and allows for the design to be able to scale and repeat where necessary.

    However, I often get given PSds that just don't work and I send them back to the designer and tell them what needs to be done for them to be acceptable on the web - it's their job after all as they designed it. If you can't send it back or are too far entrenched to back down now then the options are as already mentioned above in previous posts.

    Ron has given you an example of how to make the wood image a repeatable image. It involves copying the original image flipping the design horizontally and attaching to the right side of the original image and then do the same for the vertical by copying and flipping the vertical and attaching to the bottom of the original image. This gives you a repeatable image with a seamless join. The results can be varied as new patterns are created that probably weren't expected originally but by changing where you split the image and flip it you can minimise this.

    Alternatively as Ralph suggest there are plenty of repeatable wood pattern examples around or if you want a non repeating effect then you may find this interesting although not for the faint hearted.

    i tried uploading this file, but it failed to upload.
    Save the psd as a low quality png and then you should be able to attach it to the post so we can give more specific advice. At least we will be able to say yes or no to certain elements or offer advice in modifying them.

    You can usually salvage most designs with some clever planning and modifying the images in some way but sometimes designs are just not viable at all and all the client seems to want is a pretty picture on the page with no thought of what they are doing this. As a web developer it is your job to educate the client and the designer as to what is acceptable so that they get the best of both worlds; a pretty site and a usable one

  15. #15
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    It sounds like a classic case of "not fit for purpose" as it's the content that should dictate the design because you can't squeeze fluid content into fixed width boxes unless the designer understands the problems and allows for the design to be able to scale and repeat where necessary.

    However, I often get given PSds that just don't work and I send them back to the designer and tell them what needs to be done for them to be acceptable on the web - it's their job after all as they designed it. If you can't send it back or are too far entrenched to back down now then the options are as already mentioned above in previous posts.

    Ron has given you an example of how to make the wood image a repeatable image. It involves copying the original image flipping the design horizontally and attaching to the right side of the original image and then do the same for the vertical by copying and flipping the vertical and attaching to the bottom of the original image. This gives you a repeatable image with a seamless join. The results can be varied as new patterns are created that probably weren't expected originally but by changing where you split the image and flip it you can minimise this.

    Alternatively as Ralph suggest there are plenty of repeatable wood pattern examples around or if you want a non repeating effect then you may find this interesting although not for the faint hearted.



    Save the psd as a low quality png and then you should be able to attach it to the post so we can give more specific advice. At least we will be able to say yes or no to certain elements or offer advice in modifying them.

    You can usually salvage most designs with some clever planning and modifying the images in some way but sometimes designs are just not viable at all and all the client seems to want is a pretty picture on the page with no thought of what they are doing this. As a web developer it is your job to educate the client and the designer as to what is acceptable so that they get the best of both worlds; a pretty site and a usable one

    what type of fluid content would some designer try to fit into a fixed box out of curiosity to get a better idea of what you're referring to?

    Flip design horizontally, is that like 180 degrees?

    do the same for the vertical by copying and flipping the vertical and attaching to the bottom of the original image.

    not sure what you're referring to? the vertical?

    i'll check out that article you posted. hopefully it'll give me some ideas.

    any good books for dealing with the design problems that web designers give developers?

  16. #16
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,864
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by wc43870n View Post
    what type of fluid content would some designer try to fit into a fixed box out of curiosity to get a better idea of what you're referring to?
    Basically any fixed width and height element that contains text. You never know what size a user may have set for their text so elements that have to fit into tight space (such as your menu) will eventually flow out of the boundaries because the design is a fixed height and width. You would need to resort to using scrollbars on the content to restrict the overflow which may not look good.
    Flip design horizontally, is that like 180 degrees?
    No, your paint package should have an option to "flip" horizontally which makes the image run from right to left (and vice versa). The same applies for the vertical and if you the stitch those images together you get a seamless join that can be repeated. It's awkward with large images like your wood effect because you end up with a large file size unless you crop to smaller sections.

    I've put up a demo here showing how it can be made to repeat but the images are a higher file size than I would normally use and I would be inclined to shorten the images before slicing.

    Your menu is more awkward to repeat although if you were careful you could slice the top and bottom as separate elements and the make a repeating middle section that can stretch with content. Unless of course you want a fixed width and height and then just use the whole image but remember that you will need to make sure content stays inside by controlling the overflow with scrollbars etc.

    For modern browsers you could use background-size to scale the image but that would leave older browsers out in the cold.

  17. #17
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Basically any fixed width and height element that contains text. You never know what size a user may have set for their text so elements that have to fit into tight space (such as your menu) will eventually flow out of the boundaries because the design is a fixed height and width. You would need to resort to using scrollbars on the content to restrict the overflow which may not look good.


    No, your paint package should have an option to "flip" horizontally which makes the image run from right to left (and vice versa). The same applies for the vertical and if you the stitch those images together you get a seamless join that can be repeated. It's awkward with large images like your wood effect because you end up with a large file size unless you crop to smaller sections.

    I've put up a demo here showing how it can be made to repeat but the images are a higher file size than I would normally use and I would be inclined to shorten the images before slicing.

    Your menu is more awkward to repeat although if you were careful you could slice the top and bottom as separate elements and the make a repeating middle section that can stretch with content. Unless of course you want a fixed width and height and then just use the whole image but remember that you will need to make sure content stays inside by controlling the overflow with scrollbars etc.

    For modern browsers you could use background-size to scale the image but that would leave older browsers out in the cold.
    body { background:url(images/wood1.jpg) repeat 0 0; }
    #wrapper {
    height:100%;
    display:table;
    width:100%;
    background:url(images/wood2.png) repeat 0 0;
    }
    *+html #wrapper {
    min-height:100%;
    height:auto
    the asterisk and plus sign before html, i'm wondering what that represents actually?

    This part of css was really interesting. I really appreciate the actual demo. I'll look it over and hopefully figure it out.

    I find this portion a bit confusing. The display table portion is also kind of strange cause there's no tables in the code.

  18. #18
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,611
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by wc43870n View Post
    the asterisk and plus sign before html, i'm wondering what that represents actually?
    It's a hack for older browsers.

    The display table portion is also kind of strange cause there's no tables in the code.
    display: table is a CSS declaration that tells elements to observe table-like behavior. It's not a rule for styling actual tables.

  19. #19
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,864
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    Here's a very rough chop up of your image to show how to make repeats.

    http://www.pmob.co.uk/temp/wood-effect3.htm

    I only used the display:table to avoid a margin collapse on the first element as without it the wrapper gets pulled down by the margin on its first child. Its not really needed as a normal element would have been ok (apart form the margin collapse). It has nothing to do with html tables as such but is just a way of utilising some of their behaviours. Html tables should always be used for data but not for layout. Css has no such structural semantics as such and you can more or less use what you want.
    Last edited by Paul O'B; Mar 29, 2013 at 10:31.

  20. #20
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    Here's a very rough chop up of your image to show how to make repeats.

    http://www.pmob.co.uk/temp/wood-effect3.htm

    I only used the display:table to avoid a margin collapse on the first element as without it the wrapper gets pulled down by the margin on its first child. Its not really needed as a normal element would have been ok (apart form the margin collapse). It has nothing to do with html tables as such but is just a way of utilising some of their behaviours. Html tables should always be used for data but not for layout. Css has no such structural semantics as such and you can more or less use what you want.

    Paul, thank you so much man! getting pretty late in uk. about 5:33pm now .

    I'm looking forward to looking this over.

    I feel so under -informed about css now.

    what book would you recommend reading to get a good feel for all the possibilities in layout techniques?

  21. #21
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,864
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by wc43870n View Post

    what book would you recommend reading to get a good feel for all the possibilities in layout techniques?
    There's plenty of sitepoint books to choose from but you can also learn a lot from the online reference about how things should work although its mainly a manual and not a "how to".

    The learnable courses are good if you really want to embrace learning but comes at a price.

    Otherwise the best way to lean is just to practice and to read through threads in the forum to see how others are tackling things. I learned most of my stuff in the early days from forums like Sitepoint where you can test out and refine ideas. There are also plenty of good sites about that are worth taking the time to look through.

  22. #22
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    There's plenty of sitepoint books to choose from but you can also learn a lot from the online reference about how things should work although its mainly a manual and not a "how to".

    The learnable courses are good if you really want to embrace learning but comes at a price.

    Otherwise the best way to lean is just to practice and to read through threads in the forum to see how others are tackling things. I learned most of my stuff in the early days from forums like Sitepoint where you can test out and refine ideas. There are also plenty of good sites about that are worth taking the time to look through.
    Thanks for the recommendations. I prefer sitepoint's books. They're very good.

  23. #23
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,611
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by wc43870n View Post
    I prefer sitepoint's books. They're very good.
    Learnable and SitePoint are part of the same company, and you can access the SitePoint books through Learnable (just so you know ).

  24. #24
    SitePoint Enthusiast
    Join Date
    Mar 2013
    Posts
    79
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    so i'm planning on slicing this up in photoshop. any recommendations on how i should proceed with that.

    i was planning on slicing the paper part into a bunch of buttons basically about 5 i think it was and the logo as an image by itself.

    one thing i noticed was the text was a bit fuzzy in the buttons like bar, photos, etc. It was saved as a jpeg with 100% quality. the image on the logo looks good just the text looks slightly messed up.

    any ideas. i know this is probably the wrong forum for this question.

    But if you know, please advise.

  25. #25
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,611
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by wc43870n View Post
    one thing i noticed was the text was a bit fuzzy in the buttons like bar, photos, etc.
    Don't keep the text in the image. On the web, text need to be real text. It's hopeless to do this from a jpg. At least work from the original psd file, so that you can hide the text etc. while you are preparing te bg images.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •