کاهش حجم عکس بدون افت کیفیت ۲ (دلیل دیر بالا آمدن سایت ها)

هر سایتی رتبه ای در دنیای وب را به خود اختصاص می دهد. شما می توانید این رتبه را در سایت الکسا برای هر سایتی دنبال کنید. عوامل مختلفی دست به دست هم می دهند تا رتبه سایت بهبود یابد. یکی از این عوامل زمان بارگذرای صفحات است. هر چه این زمان کمتر باشد، گوگل افراد بیشتری را به این سایت سوق می دهد. و یکی از دلایل اصلی کاهش این زمان، میزان حجم عکس هاییست که در آن صفحه قرار داده شده است. مطمعنا شما نیز وقتی صفحه ای از نت را باز کنید و ببینید که بیش از ۵ ثانیه را برای بارگذاری صرف می کنید، قید باز شدن آن را در آینده خواهید زد، زیرا علاوه بر زمان، ترافیک اینترنت (پول) شما در حال صرف شدن است. امروز می خواهیم ترفند کاهش حجم عکس بدون افت کیفیت را به وسیله فتوشاپ ارائه دهیم. با BigETek همراه باشید.

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

استثنا: اگر به دنبال عکس هایی با کیفیت بالا هستید و یا اینترنت شما از سرعت پایینی بهره می برد و تمامی سایت ها را به این گونه باز می کند، چاره ای نیست.

مطالب مرتبط:

در اینجا مقایسه ای بین سایت BigETek.com با سایت های دیگر انجام دهید. با توجه به تصویر زیر که از سایت جی تی متریکس گرفته شده نشان می دهد که حجم صفحه اصلی سایت دقیقا ۱٫۲۷ مگابایت است که در زمانی ۲٫۸ ثانیه با سرعت سرورهای کانادا تست شده بالا می آید. شما نیز برای تست هر وبسایتی می توانید نام آن را در سایت زیر بنویسید و بررسی کنید.

gtmetrix.com

کاهش حجم عکس بدون افت کیفیت
کاهش حجم عکس بدون افت کیفیت

طبق این عکس ۹۹ درصد عکس های صفحه اصلی BigETek.com اپتیمایز یا بهبود یافته هستند.شما حتی با ذخیره کردن عکس ها نیز می توانید این را چک کنید. عکس ها تماما زیر ۴۰ کیلو بایت هستند. به غیر از دو عکس که این ترفند را برای بهبود این دو عکس انجام خواهیم داد تا میزان بهینه سازی عکس ها ۱۰۰ درصد باشد.

کاهش حجم عکس بدون افت کیفیت

کاهش حجم عکس بدون افت کیفیت
کاهش حجم عکس بدون افت کیفیت

این دو عکس به ترتیب ۱۹۴ و ۳۲۲ کیلوبایت است. که برای شروع عکس kb 322 را وارد فتوشاپ می کنیم و بدون هیچ عملی اضافه دکمه های Alt+Ctrl+Shift+S را میزنیم. ما دو حالت فوق العاده برای کاهش حجم عکس بدون افت کفیت را ارائه خواهیم داد.

روش اول فرمت jpg

کاهش حجم عکس با پسوند JPG
کاهش حجم عکس با پسوند JPG

در عکس بالا به ۴ شماره توجه داشته باشید. شماره یک فرمت عکس را مشخص می کند. با زدن علامت مثلث کنار شماره می توانید فرمت jpg را انتخاب کنید. فرمت gif و WBMP برای وب اصلا مناسب نیست. شماره ۲ میزان نسبی کیفیت را اعلام می کند که ۵ شاخه کیفیت پایین، متوسط، بالا، خیلی بالا و ماکزیمم تقسیم شده. کیفیت متوسط و بالا بهترین گزینه ها هستند. در شماره ۳ می توانید همان شماره ۲ را با عدد تغییر دهید. همانطور که عدد را در شماره ۳ تغییر می دهید به شماره ۴ که میزان حجم عکس است توجه کنید. . در تصویر می بینید که حجم ۳۴ کیلو بایت است و بسیار مناسب جهت قرار دادن در صفحات وب. عکسی معقول است که هم کیفیت هم حجم متناسبی داشته باشد.

روش دوم فرمت png

کاهش حجم عکس با پسوند PNG
کاهش حجم عکس با پسوند PNG

مانند تصویر قبل به ۳ شماره تصویر بالا توجه کنید. در شماره ۱ می توان دو فرمت PNG-8 یا PNG-24 را انتخاب کرد. از میان این دو فرمت PNG-4 دارای کاهش چشمگیرتریست. بنابراین بعد از انتخاب آن در شماره ۲ روی تعداد رنگ ها تمرکز کنید. ۲۵۶ حداکثر  و ۲ حداقل میزان رنگ را در این فرمت نشان می دهد. اما در بسیاری از تصاویر نیازی به این همه رنگ آمیزی نیست. با توجه به هدفی که عکس ها در صفحات وب دارند می توان این اعداد را انتخاب کرد. مثلا هدف ما آموزش است پس همین که اعداد و نوشته ها نمایش داده شوند کفایت می کند. بنا براین اعداد ۲۵۶ – ۱۲۸ و حتی گاهی ۶۴ کفایت می کند. همین که اعداد را تغییر می کنید به سایز عکس در شماره ۴ توجه کنید.

توجه مهم:

در مقایسه بین فرمت PNG و JPG نمی توان گفت کدام یک برتری دارد و کاهش حجم بیشتری را به ما می دهد. بسته به رنگ های درون عکس این کاهش متفاوت است. بنابراین حتما هر دوفرمت را با توجه به راهنمایی های ارائه شده تست کنید.

مطالب مرتبط

  1. سلام و خسته نباشید.
    میشه این قسمت هم درخواست لوگو بدیم؟
    قسمت مربوط به خودش رو پیدا نکردم.
    لوگوی کانالم میخوام بهیچ وجه پسزمینه نداشته باشه وحروفاش هرکدوم یه رنگی باشه، چون کانالم دررابطه با بچه هاست.و یه نی نی هم کنارش داشته باشه.
    باتشکـر.

    1. سلام سرکار خانوم
      بله امکانش هست توی هر خبری درخواست سفارش لوگوی رایگان بدید
      منتهی فراموش کردید اسم کانالتون رو ذکر کنید.
      منتظر شما هستیم.
      موفق باشید.

    1. سلام سرکار خانوم
      لوگوی شما خیلی وقت پیش طراحی شده و داخل کانال BigETekQA@ قرار گرفته.
      برای دریافت لوگوی خود وارد کانال زیر بشین.
      https://telegram.me/BigetekQA
      عجیبه که بعد از سفارش طراحی سراغ لوگوتون رو نگرفتین.
      در ضمن طراحی بنر تبلیغاتی گیف بدلیل پر حجم بودن کارش نسبت به لوگو رایگان نیست. (تقریبا حدود ۲ ساعت زمان میبره)
      برای طراحی بنر تبلیغاتی با فرمت گیف باید در ۲۵ مطلب مختلف سایت نظر ارسال کنید یا مبلغ ۲۵ هزارتومن به حساب سایت واریز کنید.
      (هر کامنت هزارتومن)
      موفق باشید.

  2. بله لوگو رو گرفتم و خیلی ازش استفاده هم کردم ممنون ولی همونجور که گفتم میخوام این خصوصیاتی که بالا گفتم رو داشته باشه که خب مشکلی هم با پرداخت هزینه ندارم.
    آقا یعنی چی راه برقراری ارتباط از طریق تلگرام ندارید خب -_-
    برای بنر هم رایگان نخواستم یا مبلغو میدم یا تو قسمتای مختلف ۲۵که سهله من۳۰ جا نظر ارسال میکنم:D

    1. سرکار خانوم طراحی لوگو رایگانه ولی بنر رو به هر فتوشاپ کاری که سفارش بدین قیمت های خاص خودش رو میده. ما هم با توجه به وقتی که روی کار میذاریم، از شما همکاری می خواییم نه بیشتر. با وجود قرار دادن دو راه برای طراحی بنر، هیچ الزامی به پرداخت نقدی نیست.
      موفق باشید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

error: امکان کپی برداری از متن وجود ندارد