תמונות זמניות לפיתוח אתר חדש

הרבה פעמים כאשר אני בונה אתר או דף חדש אני צריך לשים תמונות כדי לראות שהכל נראה ומתנהג כמו שצריך.

הבעיה היא שלא תמיד יש לי את התמונות האמיתיות שאמורות להיות שם כאשר האתר יעלה לאוויר (אם זה מכיוון שתהליך העיצוב עוד לא יסתיים, מכיוון שמי שאחראי על התוכן עדיין לא הוסיף תמונות או מכל סיבה אחרת).

 

אז מה עושים?

קיימים מספר אתרים שמספקים תמונות בכל גודל שנרצה בלי שנצטרך לחפש ולהשקיע בכך זמן מיותר אלא רק על ידי העברת פרמטרים כמו גודל, רוחב, סוג התמונה וכו' (פרמטרים אלו משתנים מאתר לאתר וקיימות אפשרויות נוספות בהתאם לאתר שנשתמש בו).

בפוסט זה ארכז ואדגים את האפשרויות שמצאתי ברחבי הרשת וכל אחד יוכל לבחור את האתר שהכי מתאים לו.

בנוסף אצרף את הקישורים לכל אחד מהשירותים הללו ושם תוכלו לראות דוגמאות נוספות.

 

placekitten - תמונות של חתולים

מבנה הקישור: http://placekitten.com/WIDTH/HEIGHT

דוגמא: http://placekitten.com/400/100 

placekitten example 1

אפשר גם לקבל תמונות בשחור לבן על ידי הוספת הפרמטר g בקישור כך:

 http://placekitten.com/g/400/100

placekitten example 2

 

placedog - תמונות של כלבים

בנה הקישור: http://placedog.com/WIDTH/HEIGHT

דוגמא: http://placedog.com/450/100 

placedog example

 

placebear - תמונות של דובים

בנה הקישור: http://placebear.com/WIDTH/HEIGHT

דוגמא: http://placebear.com/350/120 

placebear example

 

LoremPixel - תמונות משתנות לפי קטגוריה

מבנה הקישור: http://lorempixel.com/WIDTH/HEIGHT

דוגמא: http://lorempixel.com/350/60 

lorempixel example 1

גם פה אפשר לקבל תמונות בשחור לבן באופן דומה ל placekitten כך:

http://lorempixel.com/g/350/60 

lorempixel example 2

בנוסף, אפשר גם לבחור את הקטגוריה של התמונה שתוצג מתוך מספר אפשרויות, למשל: sports, naturenightlifefashionpeople ועוד.

דוגמא לתמונה מקטגורית הספורט:

http://lorempixel.com/400/80/sports

lorempixel example 3

שימו לב שבאתר זה התמונות משתנות בכל ריענון, ז"א שהתמונה שתקבלו בריענון הדף בפעם הראשונה תהיה שונה מהתמונה בריענון הדף השני (אפשר לבקש תמונה קבועה על ידי פרמטר נוסף).

בנוסף אפשר להוסיף טקסט (כ- watermark) לתמונה.

 

Dummy Image - תמונות שמכילות כיתוב של גודל התמונה

 מבנה הקישור: http://dummyimage.com/WIDTHxHEIGHT

 דוגמא: http://dummyimage.com/500x200

dummyimage example 1

ניתן גם לבחור את צבע הרקע, צבע הטקסט, הטקסט המוצג (במקום הטקסט של גודל התמונה) ואפילו את סוג קובץ התמונה (png/gif/jpg). מומלץ להיכנס לאתר ולבחון את האפשריות בעצמכם.

 

Placehold.it - כמו באתר הקודם, מחזיר תמונות עם כיתוב של גודל התמונה

מבנה הקישור: http://placehold.it/WIDTHxHEIGHT

דוגמא: http://placehold.it/500x70

placehold.it Example

גם כאן יש אפשרות לשנות את הטקסט, סוג קובץ התמונה, צבע הרקע וצבע הטקסט.

 

 

מכירים עוד אתרים כאלה? תרשמו לי בתגובות! 

הוסף תגובה