כאשר לקוח פוטנציאלי נוחת על שלך Shopify אתר אינטרנט, הם ישתמשו בתמונות כדי להחליט אם הם רוצים לבצע רכישה. התפקיד שלך כסוחר, לפיכך, הוא להבטיח שהתמונות לא יפגעו במהירויות הטעינה של האתר (כדי להרחיק אנשים) ולעצב ולגדל את התמונות כראוי.
בדרך זו, התמונות אינן נראות מתוחות או חתוכות. באולטימטיבי שלנו Shopify מדריך גודל תמונה, אנו מראים לך את החשיבות של גדלי תמונה ספציפיים עבור Shopify צילום, ולספק את הגדלים האידיאליים לדברים כמו הלוגו, תמונת הבאנר ותמונות המוצר שלך.
המשך לקרוא כדי ללמוד הכל Shopify גדלי תמונה!
למה צריך לדאוג Shopify גדלי תמונה?
זה מייגע לנהל ולהעלות תמונות. עם זאת, לרוב הם העבריינים העיקריים בכל הנוגע למהירויות אתר איטיות, בעיות SEO והמרות נמוכות באתר מסחר אלקטרוני.
והחלק המסובך בכל בוני האתרים ופלטפורמות המסחר האלקטרוני הוא שאתה צריך לדבוק בגדלים מסוימים מאוד של תמונות כדי להבטיח שהם מותאמים ונראים ייצוגיים.
לסיכום, הנה הסיבה Shopify גדלי תמונה חשובים:
- הקלד כל תמונה Shopify דורש ממדים ייחודיים, כמו האופן שבו סמלי לוגו צריכים להיות בגודל שונה מתמונות באנר.
- סביר יותר שמשתמשים יהפכו ללקוחות משלמים כאשר הם יכולים לראות בבירור את התמונות בפורמט הנכון.
- תמונות בגודל מתאים ובאופטימיזציה יכולות להגביר את פוטנציאל ה-SEO שלך.
- צילום בגודל נמוך עלול לגרום לתמונות מתוחות או לחתוך, ולהוביל לאתר מכוער.
- אתה עלול לגלות שתמונות בגודל לא נכון גורמות לאתר שלך להאט, או למנוע מלקוחות לרצות להמתין לגמרי.
יחד עם הנקודות הללו: תמונות חדות בגודל טוב מציגות רמה מסוימת של מקצועיות, מספקות תגובות רגשיות ללקוחות על כך שאתה עסק מהימן, והמוצרים שלך הם באיכות הגבוהה ביותר. תמונות גרועות פשוט נראות כאילו אינך מודאג מהמוצרים שלך, או מהדרך שבה הם מוצגים. הלקוחות שלך עשויים לשאול, "איפה עוד הם חותכים פינות?"
עם זאת, עיין במדריך המהיר שלנו על הטוב ביותר Shopify גדלי תמונות עבור אזורים כמו דפי מוצר, תמונות באנר ולוגו.
הטוב ביותר Shopify גדלי תמונה (בהתבסס על המקום שבו נעשה שימוש בתמונות)
לא כל אלה הם כללים קשים, אבל עדיף להיצמד ל"גודל האידיאלי" ככל האפשר. לנושאים יש מדי פעם תקני תמונה משלהם, אז שימו לב לזה. אחרת, נסביר מתי יש לך מרחב פעולה מבחינת המידות.
האם יש גודל תמונה שניתן להשתמש בו Shopify?
לא, אבל אם אתה מתכנן לנקוט בגישה הזו, הנה מה שאנחנו ממליצים:
- ודא שכל התמונות גדולות מספיק כדי להציג את הפרטים המורכבים של המוצר.
- עם זאת, שמור את התמונות קטנות מספיק כדי לא להפריע לביצועי האתר.
- כלל אצבע טוב הוא להישאר עם 2048 × 2048 פיקסלים עבור תמונות מרובעות.
- הימנע מכל דבר קטן מ-800 × 800 פיקסלים עבור תמונות מרובעות.
- הימנע מכל דבר גדול מ-4472 × 4472 עבור תמונות מרובעות.
עבור תמונות שאינן מרובעות, אנו בהחלט ממליצים להשתמש במדריכים למטה. ראוי גם לציין שחלק מהנושאים חותכים תמונות בצורה שונה, כך שייתכן שתצטרך לנחש ולבדוק אילו גדלי תמונות מתאימים ביותר לחנות המקוונת שלך.
לקבלת ההדרכה הטובה ביותר, תסתכל על האידיאל Shopify גדלי תמונה למטה, כולם מסווגים לפי סוג התמונה:
1. Shopify גודל תמונת מוצר (גודל אידיאלי: 2048 × 2048 פיקסלים)
תמונות מוצר משמשות כצורות המדיה העיקריות המשמשות לביצוע מכירות. Shopifyערכות הנושא של עושות עבודה די טובה בחיתוך ואופטימיזציה של תמונות מוצר עבורך, אך לעולם אל תסתמך על הכלים האוטומטיים.
השמיים מידות מומלצות לתמונות מוצר על Shopify הם 2048 x 2048 פיקסלים.
זוהי נקודה נפלאה להבטיח שהתמונות שלך לא יאטו את מהירות הדף שלך, ובמקביל להבטיח ללקוחות לראות את העושר בפרטים מהתמונות המקוריות שלך.
אנו מציעים תמונה מרובעת לתמונות מוצר, כדי למנוע חיתוך לא רצוי מהן Shopify ערכות נושא.
צילום המסך שלהלן מציג תמונה שהועלתה כ-2048 × 2048 פיקסלים, וזה הביא ללא חיתוך.
תמונות ארוכות ורחבות יותר עדיין יכולות לעבוד עבור תמונות מוצר, אבל יש פחות שליטה על מה שעושה ערכת הנושא לתמונות שלך. אתה עשוי לגלות שתמונות לרוחב מצטמצמות בהשוואה לפורמט לאורך.
2. Shopify גודל תמונת אוסף (גודל אידיאלי: 2048 × 2048 פיקסלים)
הוספת אוסף לא בהכרח מצריכה תמונה, אך פעולה זו מאפשרת ליצור עמוד נפרד לאותו אוסף, כמעט כמו דף נחיתה שנעשה רק עבור תת-קבוצה קטנה של מוצרים.
תמונת אוסף מועלית תחת צור אוסף קטע ב Shopify.
לאחר מכן, ניתן להוסיף מוצר לאותו אוסף ולהציג אותו בבלוק תוכן בעמוד הבית או כעמוד בפני עצמו.
אם תעזוב את תמונה שדה ריק בדף אוסף, הוא ייקח את אחת מתמונות המוצר המוצגות מאותו אוסף כברירת מחדל.
מומלץ Shopify גודל התמונה עבור אוספים הוא 2048 × 2048 פיקסלים.
הממדים הריבועיים עוזרים ליצור פורמט סטנדרטי בכל האוספים, במיוחד כשהם מוצגים זה ליד זה.
אתה גם תגלה שקל יותר לעבוד עם תמונות מרובעות כשאתה משתמש בלוקי תוכן שמציגים אוספים.
כמו תמיד, התוצאות שלך עשויות להשתנות בהתאם לנושא המשמש. ערכות נושא מסוימות, למעשה, מציעות יכולות נוספות עם תמונות האוסף שלך, ומאפשרות לך לשתף את התמונה כמו באנר בדף אוסף נפרד. במקרה זה, הגודל האופטימלי של תמונת האוסף שלך עשוי להיות שונה לחלוטין ממה שדיברנו עליו כאן. בסך הכל, תוכנית הפעולה הטובה ביותר שלך היא לעבור בדיקות עם הנושא שלך. העלה מספר תמונות בגדלים ייחודיים לאוספים שלך. רשום את אלה שעובדים, ואז השתמש תמיד במידות האלה. רק תוודא שהתמונות לא גדולות מדי או קטנות מדי, והכל יהיה בסדר.
3. Shopify גודל תמונת לוגו (גודל אידיאלי: 450W × 250H פיקסלים)
הלוגו בולט כסמל של חנות המסחר האלקטרוני שלך. זה מוצג מיד כשמישהו נוחת בדף הבית שלך, ובכל האתר כולו, בהתחשב בכך שהוא נראה בדרך כלל באזור הכותרת.
Shopify משתמשים שיש להם בעיות עם גדלי לוגו עשויים לגלות שהלוגו אינו גדול מספיק, או שהוא הופך את תפריט הניווט לעיוות כלשהו. לחלופין, ייתכן שתגלה שהלוגו משאיר הרבה שטח לבן מתחת או מעל.
כדי לתקן את רוב הבעיות הללו, אנו מציעים להשתמש במידות לוגו של 250 פיקסלים בגובה על 450 פיקסלים ברוחב.
למעשה, Shopify ממליצה לעולם לא ללכת גבוה יותר מהמידות הללו לרוחב ולגובה. עם זאת, אתה יכול ללכת קטן יותר, כל עוד העיצוב שלך מאפשר זאת.
מדי פעם, סרגל הצד משליך דברים, או אולי בתפריט הניווט שלך יש יותר מדי אלמנטים שדוחפים את הלוגו לכיוון מוזר. בלי קשר, עדיף לשחק עם מידות הלוגו והגדרות האתר שלך כדי להשיג את המראה הטוב ביותר.
כחלופה, ערכות נושא מסוימות נראים נהדר עם סמלי לוגו מרובעים, אך שמור אותם מתחת לסימן של 250 x 250 פיקסלים, כך שהוא לא תופס יותר מדי מקום.
לקבלת הגיוון הרב ביותר, עבור אל הגדרות > מותג in Shopify להוסיף א בְּרִירַת מֶחדָל ו Square תמונה. בדרך זו, אתה יכול להעלות כל אחד בהתאם למצב.
4. Shopify גודל תמונת באנר (גודל אידיאלי: 2000 W × 600H פיקסלים)
המכונה בדרך כלל תמונת גיבור או באנר תמונה, אלו הן התמונות הגדולות יותר שתוכל למקם בראש דף הבית כדי להציג מוצרים חדשים ולכלול טקסט עם כפתור. חיוני שתמונות הבאנר יהיו ברזולוציה גבוהה כדי למנוע גרעיניות לאחר שינוי גודל, וכאשר הן נראות במכשירים שונים.
Shopify יש גם כותרת קטע תוכן, שמתפקד בדומה ל- תמונה של מודעת באנר קטע תוכן.
לא משנה באיזה מהם תבחר, אנו ממליצים לדבוק במידות של 1200 פיקסלים ברוחב x 600 פיקסלים בגובה עבור באנרים ותמונות גיבור.
עם זאת, לעתים קרובות אתה יכול לברוח עם כל מקום בין 1200-2000 פיקסלים לרוחב שלך ו-400-600 פיקסלים לגובה. וכמו תמיד, זה תלוי בנושא שלך.
לבסוף, זה גם חכם להתאים הגדרות עבור כל הבאנרים של התמונה ותמונות הגיבור. אתה יכול לשנות את גובה הבאנר עבור רוב הנושאים, ולספר Shopify היכן תרצה שתוכן הבאנר ישוב, כמו בפינה השמאלית התחתונה או בחלק העליון - כדי לקבל תצוגה טובה יותר של התמונה מאחורי התוכן.
5. Shopify גודל תמונת מצגת (גודל אידיאלי: 2000W × 600H פיקסלים)
בדומה לבאנר, עליך להשתמש בתמונות ברזולוציה גבוהה במצגות. קטעי תוכן אלה מאפשרים לך להציג מספר תמונות באזור אחד בעמוד. לאחר מכן הם מחליקים לתמונה הבאה ברצף.
מכיוון שהם כל כך דומים לבאנרים, למעשה תשמרו על אותו רוחב וגובה שהייתם שומרים על תמונת גיבור או באנר. ההמלצה היא רוחב של 2000 פיקסלים וגובה של 600 פיקסלים. עם זאת, הגובה יכול לנוע בין 400-600 פיקסלים, והרוחב יכול לנוע בין 1200-2000 פיקסלים.
הקפד לנהל את כל הגדרות המצגת כדי לקבוע את העיצוב הטוב ביותר עבור מצגת השקופיות שלך. ייתכן שתצטרך להעביר את תיבת התוכן למיקום אחר, או אולי מצגת השקופיות תיראה טוב יותר אם תרחיב מעט את הגובה.
אחד הכללים העיקריים של מצגת שקופיות הוא תמיד להעלות תמונות בגודל זהה לאותה מצגת. אתם יותר ממוזמנים להתאים מידות בעת יצירת מצגת נפרדת, אבל רק וודאו שהתמונות המשולבות יחד במצגת אחת בעלות כולן את אותן ממדים, להמשכיות ולחווית משתמש.
כיצד לבצע אופטימיזציה Shopify תמונות
האופטימיזציה של התמונות שלך עוזרת לך לשפר את אופן הטעינה של תמונות בחנות המסחר האלקטרוני שלך. זה גם עוזר לך ליצור חוויה ידידותית יותר למשתמש באתר, מתוך ראייה כיצד התמונות צריכות להשלים את חווית הקנייה, לא לגבור עליה.
ישנם מספר היבטים שיש לקחת בחשבון בעת אופטימיזציה של התמונות שלך Shopify. אזורים אלו כוללים פורמטים אופטימליים של תמונה, דחיסות, מקורות תמונה, סגנון ועוד. המשך לקרוא כדי ללמוד הכל על שיטות העבודה והצעדים המומלצים לביצוע אופטימיזציה של תמונות Shopify.
שלב 1: בחר את התמונה האופטימלית Format
Shopify גדלי תמונה חשובים, אבל השלב הראשון בכל אופטימיזציה של תמונות צריך לכלול את בחירת פורמט התמונה הטוב ביותר.
ישנם פורמטים רבים של תמונה Shopify מאפשר.
הנה מה שמייחד אותם:
- JPEG/JPG: אולי פורמט הקובץ הנפוץ ביותר לתמונות, ובצדק. קובצי JPEG נדחסים היטב ומספקים איכות מעולה. אנו ממליצים עליהם עבור דפי מוצרים, במיוחד כאשר יש לך פרטים עדינים בתמונות.
- PNG: סוג קובץ זה למעשה טוב יותר מקובצי JPEG בשמירה על איכות לאחר הפחתת גודל התמונה. עם זאת, אתה עשוי לגלות ש-PNGs לא דוחסים כל כך הרבה. הם הכי טובים כאשר אתה צריך רקע שקוף (לא נתמך על ידי JPEG), אז אנחנו אוהבים אותם עבור לוגו וכמה תמונות באנר.
- GIF: ה-GIF הוא פורמט תמונה לאנימציות. זה בעצם כמו להפוך סרטון קצר לתמונה נעה, וזה מועיל להסבר קצר על מוצר ללא הגודל המשתלטן של סרטון. אנחנו אוהבים אותם בדפי בית, בדפי מוצרים ובפוסטים בבלוג. עם זאת, אל תשתמש יתר על המידה בקובצי GIF, מכיוון שהם חסרים את איכות הצבע העשירה שנמצאת בפורמטים אחרים כמו JPEG, TIFF ו-PNG.
- WebP: אולי הוורסטילי ביותר מבין כל פורמטי התמונה, WebP הופך נפוץ יותר ויותר מכיוון שהוא מציע דחיסה ואיכות חזקים יותר מ-JPEG ו-PNG, יחד עם יתרונות השקיפות של PNG. שלא לדבר, אתה יכול לעשות אנימציות גם עם WebP. שקול להשתמש ב-WebP עבור כל סוגי התמונות Shopify. אנו מצפים לראות את WebP בשימוש תכוף יותר ברחבי האינטרנט בעתיד.
חוץ מזה, Shopify תומך בפורמטים כמו HEIC, פרוגרסיבי JPEG ו-AVIF. HEIC הוא תקן פורמט התמונה המשמש במכשירי אפל. הוא קומפקטי במיוחד, יכול להכיל מספר תמונות בתמונה אחת, ומספק איכות מעולה. עם זאת, הם אינם תואמים לרוב המכשירים שאינם של אפל, מה שהופך אותו לקשה להמליץ עליהם. לפורמט תמונת AVIF יש יתרונות חזקים למדי בשל האיכות הגבוהה ושיעורי הדחיסה הדרמטיים שלו. בקיצור, הביצועים שלך עם AVIF צריכים להיות חזקים יותר מאשר עם תמונות JPEG ו- WebP. עם זאת, לוקח זמן עד לדפדפנים שולחניים וניידים לאמץ אותו כסטנדרט של פורמט קבצים. אז אנחנו לא יכולים להמליץ על זה כרגע. לא עד שכמעט כל מי שיש לו חיבור לאינטרנט יוכל לראות את התמונות באופן מקוון.
בהתבסס על מה שאתה מתכנן להשתמש בתמונה, בחר את הפורמט המתאים מלמעלה. לאחר מכן, עבור לשלב הבא כדי שסגנונות התמונה שלך יישארו זהים בכל האתר שלך.
שלב 2: צלם עבור אותו סגנון בכל התמונות
המשכיות היא המפתח לצילום במסחר אלקטרוני. זה מבסס את המראה הכללי של המותג שלך ויוצר תחושה סטנדרטית בכל האתר שלך.
לדוגמה, מקובל שמותגים משתמשים בצבע רקע אחד עבור כל תמונות המוצר.
זה נכון גם לגבי הממדים והסגנון של התמונות. אם רוב תמונות המוצר שלך הן בכיוון לרוחב, הימנע משילוב של כמה תמונות עם כיוון לרוחב. אתם יותר ממוזמנים לשלב בתמהיל גם תמונות של סגנון חיים וגם תמונות של מוצרים, אבל עדיף להישאר עם סגנון אחד עבור רוב הצילומים שלך.
שלב 3: צור שילוב של צילום מוצר וסגנון חיים
כאמור, סביר להניח שתרצה להשתמש בסוג אחד של סגנון צילום עבור רוב תמונות המוצר שלך. עם זאת, חיוני לכלול כמה תמונות בסגנון חיים כדי להשלים את תמונות המוצר הסטנדרטיות עם רקע חד-צבעוני ותצוגה שונה של המוצרים.
לעסקים בתחום המסחר האלקטרוני יש חיסרון שבו לקוחות לא יכולים לנסות או לגעת במוצרים ממש שם. כאן נכנסות לתמונה תמונות סגנון חיים. משתמשים יכולים לראות איך המוצרים נראים בפעולה. איך חולצה מתנפלת על הגוף, או בגודל של סקייטבורד כשמישהו באמת עומד עליה.
שלב 4: בחר שמות וכותרות קבצים מתאימים
לכל קובץ תמונה יש שם, ו Shopify לוקח את שם הקובץ ומפרסם אותו במטא נתונים של האתר שלך (כל פלטפורמת מסחר אלקטרוני עושה זאת).
אז, אם אתה שומר תמונות בשם new-photo(1).jpg במחשב שלך, והעלה אותם לחנות שלך, למנועי החיפוש לא יהיה מידע על תוכן התמונה. זה עלול לפגוע ב-SEO שלך.
בעת אופטימיזציה של תמונות, עברו על השלבים הבאים כדי להבטיח שמנועי החיפוש (ואלה עם לקות ראייה) יכולים להבין מה קורה בתמונה:
- הוסף שם קובץ שמזכיר את מה שנמצא בתוך התמונה.
- אם במקרה העלית שם קובץ כללי, שנה את התמונה כותרת in Shopify. זה מחליף את ברירת המחדל.
- השתמש בתגיות alt עבור ייצוג חזק עוד יותר של מה שמוצג בתמונה. אלו הם המרכיבים העיקריים שמנועי החיפוש מסתכלים עליהם, מכיוון שהם מראים שחווית המשתמש שלך משופרת עבור לקויי ראייה.
שלב 5: דחוס תמונות לפני או במהלך ההעלאה
Shopify מציע דחיסה אוטומטית עבור כל התמונות שהועלו לשרתים שלה, אבל אתה לא צריך לסמוך על זה לחלוטין.
ההימור הטוב ביותר שלך הוא להשתמש בכלי של צד שלישי כדי לדחוס תמונות לפני העלאה Shopify, או התקן א Shopify plugin שדוחס תמונות אוטומטית בהעלאה.
הרבה יותר קל ללכת בדרך האפליקציה, אבל רובם דורשים מנוי, אז אנחנו מבינים אם אתה צריך להישאר עם תקציב.
חלק מהאפליקציות שעובדות היטב לדחיסת תמונה כוללות:
בדוק את האפליקציות האלה עם נסיונות הנסיון החינמיים שלהן כדי להבין עד כמה הן דוחסות תמונות ועד כמה התהליך הוא אוטומטי עבורך. לאחר מכן, תוכל להתחייב על מנוי. עבור כלים של צד שלישי, אנו ממליצים TinyPNG ו Image Resizer.
שלב 6: שקול אפליקציות Image Finder בחינם
למרות שמומלץ מאוד למותגי מסחר אלקטרוני לצלם תמונות משלהם (במקום למצוא חלופות חינמיות, או לקחת אותן מאתר היצרן), ישנם אזורים מסוימים בחנות מקוונת שמתאימים לשימוש עם תמונות חינמיות.
לדוגמה, ייתכן שתזדקק לצילום נופי של מישהו שמביט מעל קניון כדי להשלים פוסט בבלוג. מצד שני, אולי תרצה להשתמש בתמונה כרקע לתמונת גיבור, מה שמאפשר לך להוריד את תמונת המוצר והתיאור בפועל על גבי הרקע.
עבור מצבים אלה, אנו ממליצים להשתמש בחלק מאתרי התמונות המורשים של Creative Commons:
חשוב לציין שרישיון Creative Commons לא אומר שאתה יכול פשוט לקחת את התמונה בחינם ולשים אותה באתר האינטרנט שלך. מדי פעם זה המקרה, אבל עליך לבדוק כל תמונה כדי לוודא אילו זכויות יש לך לשימוש בה.
לדוגמה, רישוי Creative Commons אומר לך:
- אם אתה יכול להשתמש בתמונה למטרות מסחריות או לא מסחריות
- כאשר אתה חייב לזכות את היוצר, או אם פשוט מומלץ לעשות זאת
- אם מותר לך לשנות את התמונה בכל דרך שהיא
בנוסף, יש הרבה אפליקציות לעריכת תמונות בחינם כדי להשתלט על שינוי גודל, מסננים וחיתוך מבלי לשלם שקל:
אנו מציעים:
שלב 7: הפעל בדיקת A/B כדי להבין את התמונות הטובות ביותר ו Formats
לאחר שנתת לתמונות שלך שמות קבצים רלוונטיים, שנה את גודלן, חיתוך אותן והחלטת על הפורמט והגודל המושלמים, הגיע הזמן לראות איך הן נראות בחנות שלך.
למרבה המזל, אסור להחזיק אצבעות ולקוות שהתמונות הן הטובות ביותר להמרות. יש לך את היכולת להעלות גרסאות מרובות של אותן תמונות בדפי מוצר, דפי נחיתה ודפי בית, ואז לראות אילו מהם מניבים את הביצועים הטובים ביותר מבחינת המרות.
שניהם מדען נושא ו שוגון מציעים תכונות בדיקת A/B עבור מספר חלקים שלך Shopify עיצוב.
מה שיפה בבדיקות A/B הוא שהניסוי אף פעם לא נגמר. זה מאפשר לך לפקוח עין על כל היבט של האתר שלך. אתה יכול להחליף תמונות שמאבדות מומנטום עם הזמן, ולהריץ מספר בדיקות לאורך תקופת זמן אחת.
Shopify מדריך לגודל תמונה: המסקנה שלנו
היצמדות לתמונות מרובעות היא אחת הדרכים להבטיח שצילום המסחר האלקטרוני שלך יישאר לא חתוך. עם זאת, אתה עשוי לגלות שהכלל הזה לא תמיד נכון כשזה נוגע לשלך Shopify נושא.
לכן, אנו ממליצים להעלות מספר גדלים של תמונות עבור מוצרים, אוספים ובאנרים כדי להבין מה הנושא שלך יכול להתמודד בצורה הטובה ביותר. אחרת, אנחנו אוהבים את התקן של 2046 × 2046 פיקסלים. אבל עבור באנרים, לוגו ומצגות, תרצה להשתמש במידות הספציפיות יותר שהוזכרו לעיל במאמר זה.
אנא הודע לנו בהערות למטה אם אתה צריך הבהרה כלשהי לגבי Shopify גדלי תמונה!
תגובות תגובות 0