עזרה:עיצוב תמונות

מתוך ויקיפדיה, האנציקלופדיה החופשית
קפיצה אל: ניווט, חיפוש
Vector toolbar insert image button.png תמונות וקבצים

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

לסיוע בהצגת התמונות ניתן לפנות לדלפק הייעוץ. לסיוע בעיצוב תוכן התמונות ניתן לפנות לסדנה לגרפיקה.

שינוי הגדרות ברירות המחדל[עריכת קוד מקור | עריכה]

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

הסבר על תחביר התמונות המורחב.

תמונה פשוטה[עריכת קוד מקור | עריכה]

[[קובץ:Wikipedesketch1.png]]

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

ירושלים (בערבית: אל-קודס القدس; באנגלית, בצרפתית ובגרמנית: Jerusalem; בספרדית: Jerusalén; באיטלקית: Gerusalemme; ביוונית מודרנית: Ιεροσόλυμα; ברוסית: Иерусалим) היא בירת מדינת ישראל, מרכז חיי העם היהודי בימי קדם, *Wikipedesketch1.png* ומושא געגועיו בשנות הגלות. העיר מקודשת לשלוש הדתות המונותאיסטיות: היהדות, האסלאם והנצרות. משום מרכזיותה בעולמם של המאמינים, הייתה העיר מוקד למלחמות וסכסוכים הנמשכים עד עצם היום הזה.

שינוי גודל תמונה[עריכת קוד מקור | עריכה]

אם ברצונכם לקבוע גודל מסוים עבור תמונתכם, יש להוסיף את רוחב התמונה בפיקסלים (px). לדוגמה, רוחב תמונה של 100px יראה כך:

[[קובץ:Wikipedesketch1.png|100px]]

Wikipedesketch1.png

באופן כללי, אין להגדיל תמונה מעבר לגודלה המקורי. הרוחב המקסימלי המומלץ לתמונה היא עד 400px, בהנחה שהתמונה המקורית גדולה או שווה לרוחב זה.

יישור תמונה[עריכת קוד מקור | עריכה]

[[קובץ:Wikipedesketch1.png|שמאל|100px]]
[[קובץ:Wikipedesketch1.png|ימין|100px]]
[[קובץ:Wikipedesketch1.png|מרכז|100px]]

ירושלים (בערבית: אל-קודס القدس; באנגלית, בצרפתית ובגרמנית: Jerusalem; בספרדית: Jerusalén; באיטלקית: Gerusalemme; ביוונית מודרנית: Ιεροσόλυμα; ברוסית: Иерусалим) היא בירת מדינת ישראל, מרכז חיי העם היהודי בימי קדם, ומושא געגועיו בשנות הגלות. העיר מקודשת לשלוש הדתות המונותאיסטיות: היהדות, האסלאם והנצרות. משום מרכזיותה בעולמם של המאמינים, הייתה העיר מוקד למלחמות וסכסוכים הנמשכים עד עצם היום הזה.

Wikipedesketch1.png
Wikipedesketch1.png
Wikipedesketch1.png

ירושלים שוכנת בהרי יהודה, על קו פרשת המים הארצית של ארץ ישראל המערבית, בין הים התיכון לים המלח, ברום של 650-840 מטר מעל פני הים. ירושלים נמצאת בספר המדבר. כמות הגשמים השנתית הממוצעת היא כ-600 מ"מ. הקיץ חם ויבש, והחורף קר וגשום ולעתים אף יורד בעיר שלג, בעיקר בשכונותיה הגבוהות. כמות המשקעים הממוצעת בירושלים הינה 553 מ"מ לשנה. הממוצע השנתי של הלחות בירושלים הוא כ-60%.

ללא ציפה[עריכת קוד מקור | עריכה]

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

ירושלים שוכנת בהרי יהודה, על קו פרשת המים הארצית של ארץ ישראל המערבית, בין הים התיכון לים המלח, ברום של 650-840 מטר מעל פני הים. הממוצע השנתי של הלחות בירושלים הוא כ-60%.[[קובץ:Wikipedesketch1.png|100px|ללא]]ירושלים נמצאת בספר המדבר. כמות הגשמים השנתית הממוצעת היא כ-600 מ"מ. הקיץ חם ויבש, והחורף קר וגשום ולעתים אף יורד בעיר שלג, בעיקר בשכונותיה הגבוהות. כמות המשקעים הממוצעת בירושלים הינה 553 מ"מ לשנה.

תוצאה:

ירושלים שוכנת בהרי יהודה, על קו פרשת המים הארצית של ארץ ישראל המערבית, בין הים התיכון לים המלח, ברום של 650-840 מטר מעל פני הים. הממוצע השנתי של הלחות בירושלים הוא כ-60%.

Wikipedesketch1.png

ירושלים נמצאת בספר המדבר. כמות הגשמים השנתית הממוצעת היא כ-600 מ"מ. הקיץ חם ויבש, והחורף קר וגשום ולעתים אף יורד בעיר שלג, בעיקר בשכונותיה הגבוהות. כמות המשקעים הממוצעת בירושלים הינה 553 מ"מ לשנה.

הוספת מסגרת - כיתוב תמונה[עריכת קוד מקור | עריכה]

מומלץ להוסיף כיתוב לתמונה. כיתוב זה מופיע מתחת לתמונה, ב-"מסגרת". כיתוב זה מסביר לקוראים את הקשר בין התמונה לכתוב בערך ומתאר אותה בקצרה עבור מי שאינו מכיר את הנושא ועבור קוראים עם לקות ראיה.

[[קובץ:Wikipedesketch1.png|מסגרת|לתמונה יש כעת מסגרת]]

עם זאת, יש להשתמש במילה "ממוזער" במקום "מסגרת" אם ברצונכם ליצור מסגרת וגם לשנות את גודל התמונה.

לתמונה יש כעת מסגרת






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

[[קובץ:Wikipedesketch1.png|100px|עכשיו יש טקסט אלטרנטיבי]]

עכשיו יש טקסט אלטרנטיבי

תמונה ממוזערת[עריכת קוד מקור | עריכה]

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

בדומה ל"מסגרת", גם "ממוזער" מוסיף מסגרת אפורה ומאפשר לכם להציג כיתוב.

ברם, "ממוזער" גם משנה את גודלה של תמונה גדולה לתמונה ממוזערת באופן אוטומטי. גודל ברירת המחדל הוא 220px, אולם משתמשים רשומים יכולים לשנות גודל זה בדף ההעדפות שלהם. אם גודלה של התמונה המקורית קטן מגודל ברירת המחדל, תוצג התמונה בגודלה המקורי. באופן כללי, השימוש ב"ממוזער" הוא הדרך הטובה ביותר להציג תמונות בוויקיפדיה.

[[קובץ:Israel-flag01.jpg|ממוזער|שימוש בתמונה ממוזערת]]
שימוש בתמונה ממוזערת






שילוב אפשרויות שונות[עריכת קוד מקור | עריכה]

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

[[קובץ:Wikipedesketch1.png|ממוזער|100px|שמאל|כאן כיתוב התמונה]]
כאן כיתוב התמונה







גבול[עריכת קוד מקור | עריכה]

בתמונה ללא מזעור, קשה לפעמים להבדיל בין שולי התמונה לבין הרקע הלבן. לדוגמה בדגל ישראל:

[[קובץ:Flag of Israel.svg|100px]]

Flag of Israel.svg

הוספת הפרמטר "גבול" תשרטט גבול עדין סביב הקובץ:

[[קובץ:Flag of Israel.svg|גבול|100px]]

Flag of Israel.svg

קישור[עריכת קוד מקור | עריכה]

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

[[קובץ:Flag of Israel.svg|100px|קישור=דגל ישראל]]

והתוצאה: Flag of Israel.svg

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

הצגת זוג תמונות זו לצד זו[עריכת קוד מקור | עריכה]

נקבה זכר
שני טווסים זכר ונקבה

ניתן להציג כמה תמונות זו לצד זו באמצעות טבלה באמצעות הקוד הבא:

{|class="wikitable" style="float:left; text-align:center;"
|-
|[[קובץ:Peacock female1.jpg|150px|נקבה]]
|[[קובץ:Pavo_cristatus_male.jpg|130px|זכר]]
|-
|colspan="2"| שני טווסים זכר ונקבה
|}

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

גלריית תמונות[עריכת קוד מקור | עריכה]

אם ברצונכם להציג מספר תמונות, ניתן לאחד אותן לתוך מסגרת אחת באמצעות תגי <gallery>. השימוש בגלריה נעשה באופן הבא:

<gallery>
 קובץ:Wikipedesketch1.png|תמונה ראשונה
 קובץ:Wikipedesketch1.png|תמונה 2
 קובץ:Wikipedesketch1.png|תמונה 3
 קובץ:Wikipedesketch1.png|תמונה 4
 קובץ:Wikipedesketch1.png|התמונה האחרונה
 </gallery>

פרמטרים נוספים לשליטה בהצגת הגלריה:

  • widths לקביעת הרוחב של כל אחת מהתמונות
  • heights לקביעת הגובה של כל אחת מהתמונות
  • perrow לקביעת מספר התמונות שיופיעו בכל שורה
  • mode=nolines הצגת התמונות בלי מסגרת
  • mode=packed הצגת התמונות כשהן במרכז הדף וצמודות אחת לשנייה
  • mode=packed-overlay הצגת הכיתוב מעל חלקה התחתון של התמונה
  • mode=packed-hover הצגת הכיתוב בעת מעבר עם העכבר מעל התמונה

דוגמאות לשימוש בפרטמטרים:

<gallery widths="100px" heights="100px" perrow="2">
קובץ:MAOZHAYIM2012.JPG|בית תרבות בתכנון [[חנן הברון]]
קובץ:חדראוכל מעוזחיים.JPG|חזיתו המערבית של חדר האוכל בקיבוץ, 2009
קובץ:מגורים-במעוזחיים.JPG|מבנה מגורים טיפוסי בשוליו המזרחיים של הקיבוץ, 2009
 </gallery>

mode=nolines[עריכת קוד מקור | עריכה]


<gallery mode=nolines>
קובץ:MAOZHAYIM2012.JPG|בית תרבות בתכנון [[חנן הברון]]
קובץ:חדראוכל מעוזחיים.JPG|חזיתו המערבית של חדר האוכל בקיבוץ, 2009
קובץ:מגורים-במעוזחיים.JPG|מבנה מגורים טיפוסי בשוליו המזרחיים של הקיבוץ, 2009
 </gallery>

mode=packed[עריכת קוד מקור | עריכה]


<gallery mode=packed>
קובץ:MAOZHAYIM2012.JPG|בית תרבות בתכנון [[חנן הברון]]
קובץ:חדראוכל מעוזחיים.JPG|חזיתו המערבית של חדר האוכל בקיבוץ, 2009
קובץ:מגורים-במעוזחיים.JPG|מבנה מגורים טיפוסי בשוליו המזרחיים של הקיבוץ, 2009
 </gallery>

mode=packed-overlay[עריכת קוד מקור | עריכה]


<gallery mode="packed-overlay">
קובץ:MAOZHAYIM2012.JPG|בית תרבות בתכנון [[חנן הברון]]
קובץ:חדראוכל מעוזחיים.JPG|חזיתו המערבית של חדר האוכל בקיבוץ, 2009
קובץ:מגורים-במעוזחיים.JPG|מבנה מגורים טיפוסי בשוליו המזרחיים של הקיבוץ, 2009
 </gallery>

mode=packed-hover[עריכת קוד מקור | עריכה]


<gallery mode="packed-hover">
קובץ:MAOZHAYIM2012.JPG|בית תרבות בתכנון [[חנן הברון]]
קובץ:חדראוכל מעוזחיים.JPG|חזיתו המערבית של חדר האוכל בקיבוץ, 2009
קובץ:מגורים-במעוזחיים.JPG|מבנה מגורים טיפוסי בשוליו המזרחיים של הקיבוץ, 2009
 </gallery>

גלריה נוספת[עריכת קוד מקור | עריכה]

ישנו קוד נוסף בלי הפרמטר <gallery> המאפשר שליטה על המרחק בין התמונות; בפרמטר width המרחיק את התמונות בלבד, או בפרמטר cellpadding המרחיק את התמונות גם מהטקסט, וכן מאפשר יצירת מסגרת בעובי משתנה בפרמטר border.

קוד:

{|width="810" cellpadding="1" border="0"
|[[קובץ:Wikipedesketch1.png|100px]]
|[[קובץ:Wikipedesketch1.png|100px]]
|[[קובץ:Wikipedesketch1.png|100px]]
|[[קובץ:Wikipedesketch1.png|100px]]
|[[קובץ:Wikipedesketch1.png|100px]]
|-
|ויקיפד
|ויקיפד
|ויקיפד
|ויקיפד
|ויקיפד
|}

תוצאה:

Wikipedesketch1.png Wikipedesketch1.png Wikipedesketch1.png Wikipedesketch1.png Wikipedesketch1.png
ויקיפד ויקיפד ויקיפד ויקיפד ויקיפד

מצגת תמונות[עריכת קוד מקור | עריכה]

עמוד ראשיPostscript-viewer-shaded.png
ראו גם – עזרה:מצגת תמונות

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

דוגמה[עריכת קוד מקור | עריכה]

{{מצגת
|תצוגה מקדימה=קובץ:Dover tverya13.jpg
|כותרת=אתרי תיירות בטבריה
|
קובץ:Dover tverya13.jpg#הכניסה לפארק הארכאולוגי על שם עוז ברקוביץ (ברקו) בטבריה
קובץ:Hamat-Tiberias-140.jpg#פסיפס מבית הכנסת ב[[חמת טבריה]]
קובץ:Dover tverya2.JPG#דוכני רחוב בטיילת בטבריה
קובץ:Dover tverya3.JPG#דוכני רחוב בטבריה
קובץ:Tiberias-2-073.jpg#האמפיתיאטרון הרומי על צלע [[הר ברניקי]]
קובץ:Dover tverya1.JPG#מופע רחוב ליד מסגד א-זידאני בטבריה
קובץ:Dover tverya12.JPG#אזור ספורט אתגרי בפארק על שם עוז ברקוביץ (ברקו) בטבריה
}}

תוצאה[עריכת קוד מקור | עריכה]

תמונה פנורמית[עריכת קוד מקור | עריכה]

הצגת תמונה רחבה מאד, המלווה סרגל גלילה להזזה ימינה ושמאלה, באופן הבא:

{{תמונה רחבה|Paris Night.jpg|2500px|'''תמונה פנורמית של העיר פריז'''}}

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

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

בהדפסה יופיע רק החלק הימני של התמונה, ובנוסף יודפסו גם סרגלי הגלילה.

תמונה פנורמית של העיר פריז
Magnify-clip.png
תמונה פנורמית של העיר פריז

הצגת וידאו[עריכת קוד מקור | עריכה]

הצורה הקלה ביותר להציג וידאו היא כלהלן:

[[קובץ:FILENAME.ogg]]

ניתן להוסיף הסברים ומזעור בדומה לעיצוב תמונות:

[[קובץ:A11v 1094228.ogg|ממוזער|[[באז אולדרין]] יורד מרכב הפיקוד אל הירח]]
באז אולדרין יורד מרכב הפיקוד אל הירח

התמונה המוצגת כתמונת סטילס מקורה מאמצע הווידאו. כדי לבחור תמונת סטילס מנקודה אחרת בווידאו, ניתן להשתמש בפרמטר thumbtime. למשל:

[[File:Cloud time lapse 1280.ogg|ממוזער|200px|thumbtime=28|עננים בתנועה]]

עננים בתנועה עם תמונת סטילס מאמצע הסרט.
עננים בתנועה עם תמונת סטילס מהפריים בשנייה ה- 28

ראו גם {{רשימת מדיה}}.

הערות כלליות[עריכת קוד מקור | עריכה]

  • אם משתמשים בפרמטרים באנגלית יש להקפיד על אותיות קטנות. לדוגמה, יש לכתוב right ולא Right.
  • יש להימנע מהוספת רווחים לפני או אחרי הפרמטרים.
  • בכיתוב תמונה ניתן להשתמש בקישורים פנימיים.
  • הגודל המקסימלי של תמונות המתאים גם לבעלי רזולוצית מסך של 800x600 הוא 750 פיקסלים

ראו גם[עריכת קוד מקור | עריכה]