SHOWING THE PROBLEM WITH ADJUSTING SIZES IN HTML, FOR COLETTE & CHERYL
USING THE HOME PAGE OF IRONBELLES
"RULE": NEVER RESIZE IN HTML
REASON: IT MAKES PICTURES BLURRY AND NEVER DEFORM, PEOPLE WILL GET SILLY SHAPE (TOO WIDE OR TOO THIN)
(OTHER PROBLEM: PAGELOAD TIME...THE PICTURES AT THE TOP ARE A TOTAL OF 204KB, THE ONES BELOW ARE ONLY 80KB...THE WORST IS THE IRONBELLES LOGO: IT IS 1.77MB, WHILE WHEN YOU RESIZE IT IN PHOTOSHOP TO THE RIGHT SIZE IT'S ONLY 40KB.)
****OOPPS, CORRECTION: I HAD A NON ANIMATED PIC, WHILE THE ORIGINAL IS ANIMATED; ANIMATED VERSION WOULD BE 700KB BIG, NOT ONLY 40KB)
(IF YOU CAN'T SEE THE BLURRY EFFECT, COMPARE TWO PICS AND LOOK AT DETAILS LIKE EYES, LINES OF THE CLOTHES, DETAILS IN MUSCLE, ETC)
A) BLURRY BECAUSE OF RESIZING AND DEFORMING
(TOTAL OF 204KB)
(
LIKE THEY ARE ON THE WEBSITE (CHECK ORIGINAL PAGE) )
B) NOT BLURRY, RESIZED IN PHOTOSHOP INSTEAD OF HTML, NOT DEFORMED
(TOTAL OF 80KB)
FILESIZE DIFFERENCE, LOGO IRONBELLES
LOGO LIKE ON THE WEBSITE |
LOGO RESIZED IN PSHOP FIRST ****CORRECTION: |
 |
 |