לדלג לתוכן

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

מתוך ויקיפדיה, האנציקלופדיה החופשית
תמונה תמונות וקבצים

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

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

שינוי הגדרות ברירות המחדל

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

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

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

תמונה פשוטה

[עריכת קוד מקור | עריכה]
[[קובץ:Wikipedesketch.png]]

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

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

שינוי גודל תמונה

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

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

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

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

[[קובץ:Wikipedesketch.png|x100px]]

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

יישור תמונה

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

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

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

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

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

תוצאה:

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

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

הוספת מסגרת - כיתוב תמונה

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

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

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

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

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






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

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

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

תמונה ממוזערת

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

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

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

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

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






שילוב אפשרויות שונות

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

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

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







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

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

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

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

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

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

והתוצאה:

אבל בדגל עדיף

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

והתוצאה:

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

הצגת תמונות מרובות

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

האפשרות העדיפה היא בגלריה צפה:

<div style="width: auto; float:left; clear:left;">
<gallery mode=packed heights=175 widths=150>
קובץ:right.jpg |  תמונה ימנית
קובץ:left.jpg |  תמונה שמאלית
</gallery>
</div>

לדוגמה,

<div style="width: auto; float:left; clear:left;">
<gallery mode=packed heights=175 widths=150>
קובץ:Oxalis-pes-caprae-36-Zachi-Evenor.jpg |  [[חמציץ נטוי]], דצמבר 2014
קובץ:Lupinus-pilosus-2015-Zachi-Evenor-cropped03.jpg | [[תורמוס ההרים]], פברואר 2015
</gallery>
</div>


אפשר גם בטבלה צפה:

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

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

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

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

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

פרחים באוניברסיטה
חמציץ נטוי, דצמבר 2014
תורמוס ההרים, פברואר 2015
 {{תמונות מרובות
 | יישור = מרכז
 | כיוון = אופקי
 | כותרת = פרחים באוניברסיטה
 | יישור כותרת = מרכז
 | רקע כותרת = 
 | סיומת =
 | יישור סיומת = 
 | רקע סיומת =
 | רוחב =

 | תמונה1 = Oxalis-pes-caprae-36-Zachi-Evenor.jpg
 | רוחב1 = 150
 | חלופי1 =
 | הערה1 = [[חמציץ נטוי]], דצמבר 2014

 | תמונה2 = Lupinus-pilosus-2015-Zachi-Evenor-cropped03.jpg
 | רוחב2 = 146
 | חלופי2 = 
 | הערה2 = [[תורמוס ההרים]], פברואר 2015
 }}

גלריית תמונות

[עריכת קוד מקור | עריכה]
ערך מורחב – עזרה:גלריה

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

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

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

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

לדוגמאות ומידע נוסף ראו עזרה:גלריה.

מצגת תמונות

[עריכת קוד מקור | עריכה]
עמוד ראשי
ראו גם – עזרה:מצגת תמונות

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

{{מצגת
|תצוגה מקדימה=קובץ: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#אזור ספורט אתגרי בפארק על שם עוז ברקוביץ (ברקו) בטבריה
}}

ישנן 7 תמונות בגלריה. ניתן להקיש על תמונה להגדלתה

תמונה פנורמית

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

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

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

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

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

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

תמונה פנורמית של העיר פריז
תמונה פנורמית של העיר פריז

תצוגה מקדימה

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

לרוב, התמונה הראשונה בערך נבחרת לתצוגה המקדימה שלו. כדי למנוע את הבחירה של תמונה לתצוגה המקדימה, ניתן להוסיף |class=notpageimage . למשל, [[קובץ:Wikipedesketch.png|ממוזער|class=notpageimage]].[1]

הצגת וידאו

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

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

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

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

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

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

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

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

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

מפת תמונה/imageMap

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

ניתן לשלב לינקים באזורים שונים של התמונה. לשם כך יש להשתמש בתג imageMap. שימוש ידני בתג מסובך ולכן מומלץ להשתמש בגאדג'ט imageMapEdit. שמאפשר לעשות זאת באופן חזותי.

הפעלת הגאדג'ט

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

עבור תמונות שנמצאות בקומונז, מפעילים שם את הגאדג'ט imageMapEdit (ראה ב-C:Special:Preferences#mw-prefsection-gadgets). אם דף התמונה נמצא בוויקיפדיה בעברית, הגאדג'ט מופעל אוטומטית.

שימוש בגאדג'ט

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

בדף התמונה ("דף הקובץ") בוויקיפדיה העברית ובקומונז (אחרי שהפעלת את הגאדג'ט), מופיעה מתחת לתמונה קישורית imageMapEdit. הקשה עליה פותחת את העורך.

תבנית: מפת תמונה

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

בנוסף ניתן להשתמש בתבנית:מפת תמונה שעוטפת את התג imageMap ומאפשרת הגדלה של התמונה.

הערות כלליות

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

הערות שוליים

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