فهرست مطالب
انسانها موجودات بصری هستند و تحقیقات این واقعیت را تأیید می کند. پس از تنها سه روز، نرخ حفظ متن در محدوده 10 تا 20 درصد است. اما برای تصاویر، نرخ نگهداری می تواند تا 65٪ باشد. مغز 90 درصد اطلاعات بصری را دریافت می کند و 60000 برابر سریعتر پردازش می کند. بدون شک، جلوه های بصری نقش مهمی در تعامل وب سایت دارند.
با این حال، این کار بسیار بیشتر از انتخاب برخی از تصاویر و قرار دادن آنها در اطراف سایت شما نیاز دارد. تصاویر سنگین پهنای باند زیادی مصرف می کنند و سرعت بارگذاری صفحه را کاهش می دهند. موتورهای جستجو متوجه عملکرد کند خواهند شد و شما را با رتبه پایین جریمه می کنند.
مقاله ما شش راه مختلف برای بهینه سازی تصاویر برای عملکرد بهتر وب در سال 2021 به شما نشان می دهد. سازمان های غیر انتفاعی و دوست دارید از تصاویر زیادی برای نمایش کار خود استفاده کنید. اهداکنندگان، حامیان مالی و سایر ذینفعان از این اطلاعات به عنوان مبنایی برای حمایت مستمر استفاده می کنند. با این حال، اگر تصاویر را بهینه نکنید، تجربه و تعامل کاربر آسیب خواهد دید. بزرگترین مشکل بارگذاری آهسته صفحات و پاسخ های وقفه خواهد بود.بهینهسازی تصویر به هر مرحلهای که برای کاهش اندازه، قالب یا وضوح فایلها انجام میدهید اشاره دارد. شما می توانید این کار را بدون به خطر انداختن کیفیت تصاویر انجام دهید.
بیایید برخی از تصاویر شما را بررسی کنیم.گزینه ها.
تصویر کمپین بازاریابی توسط Deemak Daksina
1. با یک ممیزی بهینه سازی تصویر شروع کنید
یک ممیزی بهینه سازی تصویر اطلاعات مرتبطی را برای جایی که باید بهبود دهید ارائه می دهد.
با انجام فهرستی از تصاویری که در سایت خود دارید شروع کنید. آزمایشهای مربوطه هر مشکلی را که باید به آن رسیدگی کنید، تشخیص میدهد.به عنوان مثال، ممیزی ممکن است نشان دهد که تعداد زیادی عکس دارید. همچنین قالب بندی تصویر شما را نشان می دهد و به شما امکان می دهد تا مسیر بعدی را تعیین کنید. به عنوان مثال، حذف یا تغییر فرمت های فایل ممکن است به طور قابل توجهی سرعت بارگذاری صفحه را بهبود بخشد.
2. فرمت مناسب برای تصاویر را انتخاب کنید
فایل های تصویری در فرمت های مختلف هستند. اینها سه نوع رایج ترین فرمت های تصویر برای برنامه های کاربردی وب هستند که باید بدانید:
- PNG این مزیت را دارد که یک تصویر بسیار با کیفیت است. متأسفانه برای رسیدن به این هدف، حجم فایل بسیار بزرگ است. آنها برای تصاویر و لوگوهای ساده به خوبی کار می کنند و امکان فشرده سازی بدون تلفات را فراهم می کنند.
- JPEG ها در اکثر وب سایت ها رایج ترین هستند. آنها برای تصاویر پیچیده و رنگارنگ عالی هستند. با این حال، هنگام فشردهسازی تصاویر JPEG باید مراقب باشید، زیرا میتواند منجر به کاهش وضوح شود، هر چه تصویر کوچکتر شود. برخی از افراد به آن به عنوان ضرر می گویند.
- GIF برای انیمیشن ها، آیکون های کوچک و تصاویر با وضوح پایین کار می کند. این امکان فشرده سازی بدون تلفات را فراهم می کند، اما شما فقط می توانید از آن استفاده کنیدتا 256 رنگ.
ذخیره نمادها توسط Andreas Storm
3. تغییر اندازه و فشرده سازی تصاویر
شاید متوجه شده باشید که تصاویر ذره ذره بارگذاری می شوند. مدتی می گذرد تا بتوانید تصویر کامل را ببینید. نشانه این است که احتمالاً تصاویر خیلی سنگین هستند. تغییر اندازه یا فشرده سازی مشکل را برطرف می کند.
لطفاً توجه داشته باشید که نباید هیچ تصویری را قبل از بهینه سازی آنها آپلود کنید. و برای بهترین کیفیت، سعی کنید فایل ها در محدوده 1 تا 2 مگابایت باشند.از ابزار برش برای تغییر اندازه تصاویر استفاده کنید. این کمک می کند تا حجم فایل کاهش یابد و در نتیجه سرعت بارگذاری صفحه بهتر است. شما هزاران ابزار برای استفاده در دسترس دارید.
فشرده سازی تصاویر به کاهش اندازه فایل کمک می کند. اما اگر تصویر را بیش از حد فشرده کنید، می توانید آن را تحریف کنید. اگر می خواهید کیفیت تصویر را حفظ کنید، فشرده سازی کم ممکن است ایده آل باشد. با این حال، اندازه را به میزان قابل توجهی کاهش نمی دهد.
انواع فشرده سازی
دو مفهوم وجود دارد که قبلاً در بالا ذکر کردیم، فشرده سازی بدون اتلاف در مقابل فشرده سازی با اتلاف.
- فشرده سازی بدون اتلاف کیفیت تصویر را حفظ می کند و در عین حال ابرداده های غیرضروری را حذف می کند.
- فشرده سازی با اتلاف با خلاص شدن از شر برخی از عناصر، اندازه فایل را کاهش می دهد. ممکن است کیفیت تصویر را به خطر بیندازد. با این حال ممکن است تفاوت را متوجه نشوید. بنابراین، هنوز هم میتواند راهی عالی برای فشردهسازی تصاویر باشد.
ویرایشگر تصویر مناسب به شما کمک میکند تعیین کنید کدام یکفشرده سازی برای شما بهترین کار را دارد.
همچنین ببینید: به Vectornator Pro برای مک سلام کنید!4. بهینهسازی تصویر برای موبایل اول
هر قدمی که برمیدارید باید از استراتژی سئوی موبایل اول پیروی کند، زیرا گوگل به رتبهبندی اول موبایل تغییر مکان داد. تصاویر باید در هر دستگاه تلفن همراه مانند هر دستگاه دسکتاپ باشد. حجم عظیمی از ترافیک اینترنت از طریق چنین دستگاه هایی وارد می شود.
اگر کاربران در هنگام استفاده از دستگاه های تلفن همراه با یک UX خوب درگیر نباشند، آنها را از دست خواهید داد.
ابتدا بهینه سازی تصاویر را برای موبایل در نظر بگیرید. اگر در صفحه نمایش کوچک خوب به نظر برسد، روی دسکتاپ یا لپ تاپ فوق العاده به نظر می رسد.بهینه سازی ASO توسط Abbi_Kerimov
5. نام فایل ها و تاثیر آن ها بر سئو
بهینه سازی تصویر همچنین نیازمند توجه به نحوه نام گذاری فایل ها است. تمام اقداماتی که انجام می دهید باید با هدف بهبود دید در موتورهای جستجو باشد. وقتی عکسی را آپلود می کنید یا می گیرید، دستگاه به طور خودکار به آن نام فایل می دهد. این نام معمولاً شامل کد یا اعداد تصادفی است. ممکن است چیزی شبیه به 2224444.jpg به نظر برسد.
آپلود کردن عکس همانطور که هست در وب سایت شما به هیچ وجه به موتورهای جستجو کمک نمی کند.
با اختصاص برچسب های توصیفی به هر تصویر، یافتن شما را برای خزنده های وب آسان تر می کند. کلمات کلیدی مرتبطی را که اطلاعاتی در مورد کسب و کار یا سایت شما ارائه می دهند، وارد کنید.6. استفاده از بارگذاری تنبل را در نظر بگیرید
بارگذاری تنبل تصاویر دقیقاً همانطور که از نام آن پیداست است. بجایکل تصویر به یکباره بارگذاری می شود، به نوعی باز می شود. هر چه بازدیدکننده آنلاین بیشتر صفحه را به پایین پیمایش کند، تصویر همچنان بارگذاری میشود.
بارگیری تنبل فقط آنچه را که در آن نقطه مرتبط است نشان می دهد. در نهایت در پهنای باند صرفه جویی خواهید کرد زیرا از هیچ منبع غیرضروری استفاده نخواهید کرد.
بارگیری... توسط Dona
همچنین ببینید: چگونه موشن گرافیک می تواند برند شما را تقویت کندنگاه نهایی
عملکرد وب یک عامل رتبه بندی حیاتی است که موتورهای جستجو از آن استفاده می کنند. اگر سرعت بارگذاری صفحه پایین باشد، گوگل سایت شما را جریمه می کند.
عوامل زیادی سرعت صفحه را تعیین میکنند و دستورات استفاده از تصویر یکی از موقعیتهای برتر است. اگر تصاویر را بهینه نکنید، عملکرد وب شما آسیب خواهد دید. صفحات به کندی بارگذاری می شوند و تجربه و تعامل کاربر خوب نخواهد بود.
فرمت تصویر مناسب را انتخاب کنید. در مرحله بعد، از تکنیک هایی مانند تغییر اندازه و فشرده سازی برای کاهش اندازه فایل استفاده کنید. برای بررسی عملکرد سایت، آزمایشهای منظم صفحه و ممیزی سایت را برنامه ریزی کنید.