تصویر خلاقانه باید به موضوع یا حس برند کمک کند. اضافه کردن عکس‌های بیشتر بدون نقش مشخص می‌تواند هم صفحه را شلوغ کند و هم زمان دریافت آن را بالا ببرد.
برای هر تصویر یک وظیفه تعریف کنید
تصویر اصلی ممکن است هویت بصری بسازد، تصویر محصول جزئیات را نشان دهد و تصویر مقاله موضوع را معرفی کند. همه این نقش‌ها به یک نوع عکس نیاز ندارند. تصویر مفهومی را به عنوان مدرک محصول واقعی یا نتیجه پروژه معرفی نکنید؛ متن جایگزین نیز باید هدف آن را منعکس کند.
اندازه خروجی را با محل نمایش هماهنگ کنید
فایل بسیار بزرگ برای کارت کوچک، داده اضافی به مرورگر می‌فرستد. فشرده‌سازی و WebP می‌توانند حجم را کاهش دهند، اما کیفیت باید با کاربرد سنجیده شود. تصویر پایین صفحه معمولاً می‌تواند دیرتر بارگذاری شود؛ تصویر اصلی که کاربر بلافاصله می‌بیند به تصمیم متفاوتی نیاز دارد.
فضا و حرکت را کنترل کنید
ابعاد تصویر را در HTML مشخص کنید تا صفحه هنگام دریافت فایل کمتر جابه‌جا شود. افکت‌های بزرگنمایی و نورپردازی را محدود نگه دارید تا محتوا و دکمه‌ها قابل تشخیص بمانند. برای کاربرانی که کاهش حرکت را انتخاب کرده‌اند، حالت آرام‌تری فراهم کنید.
- تصویر تکراری بدون کاربرد را حذف کنید.
- کیفیت فایل را در موبایل و نمایش بزرگ ببینید.
- برای تصاویر معنادار، توضیح مناسب بنویسید.
