درج تصویر در مقاله؛ متن جایگزین، اندازه و سرعت

قرار دادن یا درج تصویر در پست سایت استاندارد هایی دارد که قصد داریم تا آنها را در این مقاله توضیح دهیم، بسیاری از کاربران در هنگام ارسال عکس هیچ توجهی به مشکلات احتمالی آن نمی کنند، که این مورد باعث افت سرعت سایت، بهم ریختن سایت و در نتیجه از دست دادن کاربران شما خواهد شد.

1-حجم تصویر : در زمان آپلود به حجم عکسی که آپلود می کنید دقت کنید، بسیاری از مدیران سایت به حجم تصویری که در سایت خود آپلود می کنند هیچ توجهی نمی کنند، در یک پست ممکن است چند تصویر قرار گیرد به همین دلیل تمام سعی خود را کنید حجم عکس های خود از 30 تا 50 کیلوبایت بیشتر نشود، البته این به معنی این نیست که کیفیت تصویر خود را کم کنید، در مقاله افزونه tinypng برای فشرده کردن خودکار عکس وردپرس می توانید نحوه کاهش حجم تصویر بدون افت کیفیت را مطالعه نمایید، استفاده از این افزونه می تواند باعث صرفه جویی در فضا هاست شما نیز بشود.

**2-سایز تصویر :**در سایز عکسی که در سایت خود استفاده می کنید دقت لازم را داشته باشید، بسیار مشاهده کرده ایم که مدیران سایت برای استفاده از یک لوگو 100*100 از تصاویر با حجم بسیار بالا استفاده می کنند و سپس توسط ادیتور سایت آن ها را کوچک می کنند، در واقع کاربر برای دیدن آن لوگو کوچک باید سایز اصلی عکس را دانلود کند، ما وب سایت هایی را مشاهده کرده ایم که حدود 10 مگابایت عکس در سایت خود ایجاد کرده بودند در حالی که اگر این نکته را رعایت می کردند می توانستند به راحتی حجم وب سایت خود را به زیر 1 مگابایت کاهش بدهند.

**3-کیفیت تصویر :**کیفیت تصویری که در سایت خود قرار می دهید نه آنچنان باید عالی باشد که دیگر تفاوت آن در مانیتور های خیلی بزرگ تنها مشخص شود، نه آنچنان بد کیفیت باشد که کاربر تمایلی به خواندن مطلب وب سایت شما نداشته باشد، به طور کلی با کاهش جزئی تراکم پیکسلی می توانید حجم قابل توجهی از آن کم کنید.

امیدواریم این مقاله کوچک شما را برای داشتن سایت بهتر کمک کرده باشد، منتظر نظرات ارزشمند شما هستیم …

از تصویری با حق استفاده و مرتبط با موضوع استفاده کنید. screenshot باید نسخه و محیط واقعی آموزش را نشان دهد؛ تصویر مفهومی جای آن نیست.

در بلوک Image اندازهٔ مناسب و alt متناسب با نقش تصویر بنویسید. برای تصویر صرفاً تزئینی alt خالی مناسب است؛ متن اطراف را بی‌دلیل تکرار نکنید.

تصاویر پایین صفحه می‌توانند lazy باشند؛ تصویر اصلی باید بدون تأخیر غیرضروری بارگیری شود. نسبت تصویر و نسخهٔ موبایل را کنترل کنید.

متن داخل تصویر در موبایل باید خوانا باشد. حجم، شفافیت و رنگ را قبل و بعد از فشرده‌سازی مقایسه کنید.

برای متن جایگزین، نقش تصویر در همان مقاله را توضیح دهید: مثلاً «انتخاب نسخهٔ PHP در Select PHP Version». تکرار عنوان سایت برای همهٔ تصاویر به خواننده کمک نمی‌کند. تصویر تزئینی نیاز به توضیح اضافی ندارد. پس از انتشار، تصویر را در موبایل ببینید؛ متن داخل تصویر آموزشی باید قابل خواندن باشد و اطلاعات محرمانهٔ پنل در آن باقی نماند.