ידוע הוא כי פרסומת בעיתון או בטלוויזיה שאינה מלווה בתמונה מאבדת חלק גדול מיעילותה. הדבר דומה גם באתרי אינטרנט ולכן רוב האוכלוסיה מעלה לאויר אתרים שעברו עיצוב אתרים. כמו שתגיות מלל, רשימות וכמות סבירה של קישורים עושים פלאות לדף מלל משעמם, כך אפשר להוסיף מגע גראפי בעת עיצוב אתרים.
עיצוב אתרים - פורמט GIF GIF הוא הפורמט המקורי שניתן להשתמש בו בעת עיצוב אתרים. הוא מוגבל ל-256 צבעים ומתאים במיוחד לתמונות פשוטות שמתאימות לתהליך עיצוב אתרים כמו: תמונות קו, קליפ-ארט, מלל וכדו'. תמונות GIF גם שימושיות עבור תמונות עם רקע "שקוף" וליצירת אנימציות פשוטות.
עיצוב אתרים - פורמט JPED JPED הוא פורמט התומך בתמונות מורכבות המכילות מיליוני צבעים שניתן להשתמש בו בעת עיצוב אתרים. בתהליך עיצוב אתרים משתמשים בתמונות באיכות גבוהה, רצוי להשתמש בפורמט זה, כיוון שאז התמונות קטנות יותר ולפיכך זמן טעינתן קטן יותר.
אם יש תמונה שאינה בפורמט GIF או JPEG משיגים תוכנית גראפית אשר מסוגלת להמיר קבצים לפורמטים אחרים. חלק מהתוכנות הן:
PAINT SHOP PRO
GRAPH X
L VIEW PRO
IRFAN VIEW
עיצוב אתרים - אפשר לעשות זאת לבד?
מי שניחן בכישרון טבעי, יכול ליצור את הגראפיקה הנלווית באחת מתוכניות הגראפיקה ולשמור אותה בפורמט GIF או JPEG . ניתן להשיג איורים גראפיים ותמונות גם באינטרנט. בתהליך עיצוב אתרים משתמשים בחבילות תוכנה הכוללות בתוכן ספריות קליפ-ארט. ישנם גם תקליטורים המכילים מאות איורי קליפ-ארט. יש לזכור כי חלק מהתמונות באינטרנט שייכות למי שצילם אותן ואין להשתמש בהם ללא רשות, אך יש מספיק אתרי תמונות ואפשרויות להשיג תמונות חופשיות באינטרנט.
אם משתמשים בתמונה מתוך דף אינטרנט, ניתן ללחוץ עם הלחצן הימני על התמונה ולבחור את האפשרות שמירת תמונה בשם. כמו כן יש להיכנס לגוגל ולחפש את הביטוי GRAPHIC ARCHIVE. אם יש סורק, אפשר לסרוק בו תמונות, איורים וכל אלמנט גראפי אחר שעוזרים בעיצוב אתרים שונים.
עיצוב אתרים - HTML
בעת עיצוב אתרים קיים קוד HTML שאומר לדפדפן להציג תמונה. זוהי התגית <IMG >. תגית זו אומרת לדפדפן למצוא את קובץ התמונה ולהכניס אותן בדף, בדיוק במקום שבו נמצאת התגית. הדפדפן יטען את התמונה ויציג אותה בדף. אפשר להציג תמונות ומלל באותה שורה, ע"י הכנסת תגית <IMG > בתוך דף המלל.
עיצוב אתרים - רקע התמונות
בעת עיצוב אתרים ניתן ניתן להגדיר תמונה שתופיע ברקע במקום לצבוע את רקע הדף בצבע כלשהו. זו לא חייבת להיות תמונה גדולה. כדי להשתמש בתמונת רקע, יש להוסיף לתגית <BODY > את המאפיין BACKGRPOUND אך יש לדעת שזה מאריך את זמן טעינת האתר.
