Therefore, quite simply, don??™t use any formats other than JPEG, GIF, or PNG for your
web images (and if you decide to use PNG transparency, be sure that your target audience
will be able to see the images).
Common web image gaffes
The same mistakes tend to crop up again and again when designers start working with
images. In order to avoid making them, read on to find out about some common ones
(and how to avoid them).
Using graphics for body copy
Some sites out there use graphics for body copy on web pages, in order to get more typographical
control than CSS allows. However, using graphics for body copy causes text to
print poorly??”much worse than HTML-based text. Additionally, it means the text can??™t be
read by search engines, can??™t be copied and pasted, and can??™t be enlarged, unless you??™re
using a browser (or operating system) that can zoom??”and even then it will be pixilated. If
graphical text needs to be updated, it means reworking the original image (which could
include messing with line wraps, if words need to be added or removed), re-exporting it,
and reuploading it.
As mentioned in the ???Image-replacement techniques??? section of Chapter 3, the argument
is a little less clear-cut for headings (although I recommend using styled HTML-based text
for those, too), but for body copy, you should always avoid using images.
Not working from original images
If it turns out an image on a website is too large or needs editing in some way, the original
should be sourced to make any changes if the online version has been in any way compressed.
Pages:
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211