If you make changes to this website that involve adding new images or replacing existing ones, here are a couple of general recommendations:
תמונות¶
- We prefer SVG images, but if those do not exist we can use PNG images. Additionally, for cover images, we prefer that they are obtained from Unsplash and are in the WebP format.
לסמלי החברה יש גודל קנבס של:
- 128x128 פיקסלים
- 384x128 פיקסלים
אופטימיזציה¶
PNG¶
Use the OptiPNG tool to optimize PNG images:
optipng -o7 file.png
SVG¶
Inkscape¶
סרקו את כל תמונות ה-SVG.
ב-Inkscape:
- File Save As..
- הגדר את הסוג ל-SVG אופטימיזציה (*.svg)
בלשונית האפשרויות:
- מספר הספרות המשמעותיות עבור קואורדינטות > 5
- הפעל את קיצור ערכי צבע
- הפעל את המר תכונות CSS לתכונות XML
- הפעל את כווץ קבוצות
- הפעל את צור קבוצות עבור תכונות דומות
- כבה את שמור נתוני עורך
- כבה את שמור הגדרות ללא הפניות
- הפעל את עקוף באגים במעבד
בכרטיסייה פלט SVG תחת אפשרויות מסמך:
- תכבה הסר את הצהרת ה-XML
- הפעל הסר מטא נתונים
- הפעל הסר תגובות
- הפעל את תמונות רסטר מוטמעות
- הפעל את הפעל צפייה ב-viewboxing
בפלט SVG תחת הדפסה יפה:
- כבה את עיצוב פלט עם מעברי שורה והזחה
- תווי הזחה > בחר חלל
- עומק הזחה > 1
- כבה את הסר את התכונה "xml:space" מאלמנט הבסיס SVG
בכרטיסייה מזהים:
- הפעל את הסר מזהים שאינם בשימוש
- כבה את קיצור מזהים
- קידומת מזהים מקוצרים עם >
להשאיר ריק - הפעל את שמור מזהים שנוצרו באופן ידני שאינם מסתיימים בספרות
- שמור את המזהים הבאים >
להשאיר ריק - שמור מזהים המתחילים ב >
להשאיר ריק
CLI¶
ניתן להשיג את אותו הדבר עם הפקודה Scour:
scour --set-precision=5 \
--create-groups \
--renderer-workaround \
--remove-descriptive-elements \
--enable-comment-stripping \
--enable-viewboxing \
--indent=space \
--nindent=1 \
--no-line-breaks \
--enable-id-stripping \
--protect-ids-noninkscape \
input.svg output.svg
WebP¶
Use the cwebp command to convert PNG or JPEG image files to WebP format:
cwebp -q 70 -m 6 input_file -o output.webp