So, Bill, is there no way to make large text (or photos/backgrounds) scalable? Seems like everything stays proportionate until a certain point, then everything goes wonky.
I went down to 400px wide. Your top image scale down like it should. You need scale down your text that mess up. Go down to 150 like Bill said to that should take care your problem.
Thank you so much Scott (and Bill)! I can't tell you how much your help means. There are a lot of very nice people on these forums, and know that you are very much appreciated!
I would try to avoid scaling images down, because that means the device has to download a full scale image, and that is bandwidth for mobile devices that could be on slow or shared connections. The viewer is usually going to go to your page at one viewport, download the css and styles, then get the images. Smaller images, is faster loading. In the forum, stickied, there is a tips and tricks thread, in there there is a post about using images, I would read that. In fact, I would say that is even incomplete, but it was written from the viewpoint of someone given a set of resources to use. For instance, if you are making your own graphics, gifs are better at line art, and worse for images than jpgs. You main picture, should just have a back background, and the actual image only contain that logo, with a transparent background (prob best as a .png which do a good job with transparencies). That way, you are as efficient with bandwidth and page loading speeds. Then at breakpoints, use smaller images. Read that post in that thread, and give yourself a primer about gifs vs jpgs vs .png. Scaleable vectors are good too (SVG's) but they still suffer from a very small color gamut and are unable to do some blends and color transparencies very well. If I was doing a 3-4 color line art image, I would see how it turned out as a SVG (you need an illustrating application like Adobe Illustrator or Corel Draw to create a meaningful one). .SVG's will not suffer from scaling issues and bandwidth, and will appear better at any size than a scaled bitmap will.
To make the images scalable, eliminate the constraints on their size. You will have to examine the design pain and see what might be constraining and image from increasing or decreasing in size. But, I would try to avoid that, specifically from scaling from a pc to tablet or tablet to mobile.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.