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

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

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

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

مطالب مرتبط:

در اینجا مقایسه ای بین سایت BigETek.com با سایت های دیگر انجام دهید. با توجه به تصویر زیر که از سایت جی تی متریکس گرفته شده نشان می دهد که حجم صفحه اصلی سایت دقیقا 1.27 مگابایت است که در زمانی 2.8 ثانیه با سرعت سرورهای کانادا تست شده بالا می آید. شما نیز برای تست هر وبسایتی می توانید نام آن را در سایت زیر بنویسید و بررسی کنید.

gtmetrix.com

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

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

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

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

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

روش اول فرمت jpg

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

در عکس بالا به 4 شماره توجه داشته باشید. شماره یک فرمت عکس را مشخص می کند. با زدن علامت مثلث کنار شماره می توانید فرمت jpg را انتخاب کنید. فرمت gif و WBMP برای وب اصلا مناسب نیست. شماره 2 میزان نسبی کیفیت را اعلام می کند که 5 شاخه کیفیت پایین، متوسط، بالا، خیلی بالا و ماکزیمم تقسیم شده. کیفیت متوسط و بالا بهترین گزینه ها هستند. در شماره 3 می توانید همان شماره 2 را با عدد تغییر دهید. همانطور که عدد را در شماره 3 تغییر می دهید به شماره 4 که میزان حجم عکس است توجه کنید. . در تصویر می بینید که حجم 34 کیلو بایت است و بسیار مناسب جهت قرار دادن در صفحات وب. عکسی معقول است که هم کیفیت هم حجم متناسبی داشته باشد.

روش دوم فرمت png

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

مانند تصویر قبل به 3 شماره تصویر بالا توجه کنید. در شماره 1 می توان دو فرمت PNG-8 یا PNG-24 را انتخاب کرد. از میان این دو فرمت PNG-4 دارای کاهش چشمگیرتریست. بنابراین بعد از انتخاب آن در شماره 2 روی تعداد رنگ ها تمرکز کنید. 256 حداکثر  و 2 حداقل میزان رنگ را در این فرمت نشان می دهد. اما در بسیاری از تصاویر نیازی به این همه رنگ آمیزی نیست. با توجه به هدفی که عکس ها در صفحات وب دارند می توان این اعداد را انتخاب کرد. مثلا هدف ما آموزش است پس همین که اعداد و نوشته ها نمایش داده شوند کفایت می کند. بنا براین اعداد 256 – 128 و حتی گاهی 64 کفایت می کند. همین که اعداد را تغییر می کنید به سایز عکس در شماره 4 توجه کنید.

توجه مهم:

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

9 thoughts on “کاهش حجم عکس بدون افت کیفیت 2 (دلیل دیر بالا آمدن سایت ها)

  • March 22, 2017 at 8:08 pm
    Permalink

    جالب بود ممنون

    Reply
  • October 30, 2016 at 11:47 am
    Permalink

    نخواستم جناب:/ ممنون از شما

    Reply
    • October 30, 2016 at 8:11 pm
      Permalink

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

      Reply
  • October 27, 2016 at 12:06 pm
    Permalink

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

    Reply
    • October 30, 2016 at 7:29 pm
      Permalink

      راه برای ارتباط هست. کافیه به کانال اصلی ما بپیوندید و قسمت توضیحات کانال رو ببینید. در هر حال می تونید با مسئول کانال تلگرام در تماس باشید.
      Godsim@

      Reply
  • October 26, 2016 at 10:17 pm
    Permalink

    بله فراموش کردم 😀
    یه بنر تبلیغی گیف هم برای کانالم میخواستم البته اینو نمیدونم چطوری بهتون بگم:|

    @farzandedelbandeman
    ممنون از شما.

    Reply
    • October 27, 2016 at 11:48 am
      Permalink

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

      Reply
  • October 24, 2016 at 8:35 pm
    Permalink

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

    Reply
    • October 24, 2016 at 9:27 pm
      Permalink

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

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

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