1. انجمن های فارس پاتوق
    مطابق با قوانین جمهوری اسلامی ایران می باشد.
    رد اعلامیه

۶ روش بهینه سازی تصاویر وب سایت

شروع موضوع توسط ehsannasr در ‏6 سپتامبر 2016 در انجمن سیستم های مدیریت محتوا

  1. ehsannasr

    ehsannasr کاربر تایید شده

    تاریخ عضویت:
    ‏18 آوریل 2016
    ارسال ها:
    95
    تشکر شده:
    16
    جنسیت:
    مرد
    تصاویر جزء کلیدی در طراحی وب سایت(خرید هاست ) هستند. آنها نه تنها به انتقال پیام و حفظ توجه بازدید کننده کمک می کنند، بلکه در سرعت و پاسخگویی وب سایت شما هم نقش بسزایی دارند.
    برقراری تعادل بین کیفیت و سرعت بارگزاری سایت در رضایت بازدیدکنندگان بسیار موثر است. مهم است که زمانی که تصویری را برای وب سایت خود انتخاب می کنید به فرمت، سایز، فشرده سازی و… آن توجه نمایید. استفاده از این ۶ ترفند و راهنمایی تضمین می کند که صفحات وب شما به خاطر تصاویرشان، عقب نمی مانند.

    ۱- فرمت خود را انتخاب نمایید.
    صفحات وب تمایل دارند تا برای نمایش تصاویر از ۳ فرمت اصلی GIF ، JPEG و PNG استفاده کنند. ایده آل است که یک فرمت بی عیب و نقص برای کل سایت خود انتخاب کنید. اما چون آنها با روش های مختلف کار می کنند عملا بهترین روش انتخاب بر پایه مورد به مورد است. در این روش این اطمینان به شما داده می شود که بازخورد تعادل صحیح بین کیفیت تصاویر و زمان بارگزاری وجود دارد. در اینجا مقایسه ای بین این فرمت ها داریم:


    توصیه می شود، JPEG را برای عکس ها انتخاب کنید و پس از آن بینGIF و ۸ بیتی PNG برای آرم ها و تصاویر ساده تصمیم گیری نمایید. با در نظر گرفتن مزیت پشتیبانی فرمت برای شفافیت، شما به راحتی می توانید مکانی از آرم را برش بزنید و روی تصویر یا بالای یک پس زمینه رنگی و یا حتی عکس قرار دهید.
    با این حال،اگر شما میخواهید یک صفحه وب آراسته و شکیل تر داشته باشید تصور نکنید که یک فرمت همیشه و در همه حال بهتر از دیگری است: اگر شما از فتوشاپ یا ابزارهای مشابه برای ساختن تصویر استفاده می کنید،یک گزینه برای ذخیره سازی به نام ‘Save for Web’ وجود دارد ، این تنظیم، گزینه هایی برای همه ی سه فرمت به صورت کامل با پنجره ی پیش نمایش، فراهم می کند و سایز فایل را تخمین می زند و به شما اجازه می دهد تا بهترین انتخاب را برای تصویر خود داشته باشید.

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

    ۳- فشرده سازی با دقت
    کیفیت تصویر JPEG بر اساس درصد مشخص است اندازه ی بالاتر تصویر برابر کیفیت بهتر تصویر است. با تنظیمات مختلف از حدود ۵۰% تا ۹۰% امتحان کنید و از دید خود برای قضاوت روی بهترین تعادل بین سایز و کیفیت بهره ببرید.

    ۴- رها کردن تصاویر جمعی
    از خودتان بپرسید آیا واقعا سایت شما به تمام تصاویر آپلود شده نیاز دارد؟ اگر شما در حال رندر کردن متن به جای یک تصویر هستید، بررسی کنید ببینید آیا می شود از فونتهای وب به جای آن استفاده کنید؟ – این بسیار سریعتر ازنمایش یک تصویر است، می توان در میان متن اسکرول نمایید و همچنین قابلیت جستجو دارد- به طور مشابه، از جلوه های CSS و انیمیشن مانند شیب و سایه به جای اثرات مبتنی بر تصویر، می توانید استفاده نمایید. اما به یاد داشته باشید این را میان انواع مختلف مرورگرهای وب از لحاظ تمامی استاندارد ها تست کنید،، به ویژه در مرورگرهای قدیمی تر.

    ۵- WebP را چک کنید.
    WebP جدید است، از تصاویر فرمت شده که هدف جایگزینی آنها با فرمتهای JPEG و GIF و PNG با همه ی قابلیتهایشان است- با درنظر گرفتن تنظیمات فشرده سازی یا بدون آن- پشتیبانی می کند و تبدیل به یک فرمت واحد که وعده ی آن اندازه فایل کوچکتر از هر دو PNG و JPEG است را می دهد. با این حال به طور گسترده پشتیبانی نمیشود- تنها مرورگرهای بومی اپرا و کروم آنها را پشتیبانی میکنند.- برای مثال با وجودی که بسیاری از ویرایشگرهای عکس هنوز آن را پشتیبانی نمی کنند(بقیه مثل فتوشاپ،نیاز به یک پلاگین جداگانه دارند) این توسعه هیجان انگیزی است که ممکن است آینده ی تصاویر وب را نشان دهد، در حال حاضر برخی ها این راه را در پیش گرفته اند. شروع به آزمایش کرده اند، اماهنوز تمام تصاویر خود را نمیتوانند روی آن سوئیچ کنند.

    ۶- سریع و آسان
    اگر شما تعداد زیادی تصویر برای پردازش داشته باشید-برای مثال،شما میخواهید تعدادی از تصاویر thumbnail ایجادکنید- نگاهی به ابزار پردازش دسته ای Faststone Photo Resizer برای ویندوز بیندازید. به سادگی تصاویر خود را و اینکه چه ویرایش می خواهید انجام دهید انتخاب کنید، (مانند تغییر اندازه و یا تبدیل به یک فرمت تصویری دیگر) و سپس یک پوشه خروجی را انتخاب کنید. شما همچنین می توانید تصاویر تبدیل شده را تغییر نام دهید (مثلا با اضافه کردن _thmb به پایان نام فایل). بسیار سریعتر ازاین است که کارها را دستی انجام دهید.


    منبع: وبلاگ پویاسازان
     

    موضوعات مشابه

    Last edited by a moderator: ‏6 سپتامبر 2016
  1. کانال تلگرام

    اطلاعیه ها و اخبارهای فارس پاتوق ، مسابقات و جوایز
  2. گروه تلگرام

    کتاب مذهبی ، کتاب های درسی ، کتاب های علمی ، کتاب رمان
  3. برنامه تلگرام

    اپراتور ، نرم افزار های ارتباطی
  4. سرگرمی و تفریح تلگرام

    دانستنیهای جالب ، مرکز تخصصی ترول ، انواع فال ها و طالع بینی ها ، مطالب طنز آمیز ، اس ام اس و جوک
  5. آموزش تلگرام

    اخبار فارس پاتوق ، انتقادات و طرح های جدید فارس پاتوق ، نظر سنجی ، آموزش های لازم فارس پاتوق ، اطلاعیه های فارس پاتوق
  6. کانال موزیک تلگرام

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

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

    مدل لباس دخترانه ، مدل لباس زنانه ، مدل لباس پسرانه ، مدل لباس مردانه ، مدل لباس ، مدل لباس جدید ، مدل عینک ، مدل مو ، مدل ناخن ، عکس مدل
  9. کانال عکس تلگرام

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

    اپراتور همراه اول ، اپراتور ایرانسل ، اپراتور رایتل
  11. تبلیغات تلگرام و اینستاگرام

    آگهی های استخدام دولتی ، آگهی های استخدام غیر دولتی ، سوالات و پاسخ های آزمون های استخدامی
  12. کانالهای ادبی تلگرام

    تاریخ ، شعر و ادبیات ، نامه نگاری و انواع نامه ها
  13. گروه چت تلگرام

    ابزار های وبلاگ ، سئو و بهینه سازی وب سایت ، سیستم های مدیریت محتوا ، قالب های وبلاگ ، ابزار های وب سایت ، قالب های وب سایت ، معرفی وبلاگ و وب سایت های مفید ، کسب و کار در اینترنت ، کسب درآمد بدون اینترنت
  14. بهترین کانال های تلگرام

    هوا و فضا ، دانش و فن آوری در پزشکی ، دانش و فناوری در کامپیوتر ، دانش و فناوری در موبایل ، دانش و فناوری در وب سایت ها ، جنگ افزار ، تکنولوژی های روز
  15. نرم افزار اینستاگرام

    سیستم عامل ها ، لپ تاپ و تبلت ، نرم افزار ها ، سخت افزار ها ، بازی های کامپیوتری
  16. کانال پزشکی و سلامت تلگرام

    روانشناسی ، تغذیه ، بهداشت ، بیماری ها و روش درمان
  17. بهترین پیج اینستاگرام

    اخبار ورزشی ، معرفی ورزش ها و تیم ها ، شخصیت های ورزشی
  18. عکس اینستاگرام

    برنامه ریزی درسی ، مقطع آموزش ابتدایی ، مقطع آموزش راهنمایی ، مقطع آموزش متوسطه ، مقطع پیش دانشگاهی ، مقطع آموزش فنی حرفه ای ، مقطع آموزش کاردانش
  19. فیلم اینستاگرام

    مقالات کار آفرینی و طرح کسب و کار ، مقالات عمومی ، درخواست مقالات ، مقالات علمی
  20. آموزش اینستاگرام

    رشته های فنی و مهندسی ، رشته های علوم تجربی ، رشته های علوم پایه و انسانی ، رشته های هنر ، معرفی رشته های دانشگاهی ، معرفی دانشگاه های ایران ، رشته های پزشکی ، رشته های زبان انگلیسی
  21. کانال مذهبی تلگرام

    اهل بیت و علما ، احکام ، مولتی مدیای مذهبی
  22. کانال خانواده تلگرام

    خانواده ، هنر در خانه
  23. کانال آشپزی تلگرام

    انواع شیرینی ، انواع دسر ، انواع غذا ها و طرز تهیه آن ها ، خورش ها ، سوپ و سالاد ، ساندویچ و پیتزا ، سس و ترشی
  24. کانال گردش و گردشگری تلگرام

    معرفی مکان های زیارتی ، معرفی مکان های تفریحی ، معرفی مکان های شگفت انگیز ، معرفی شهرها و کشورها
  25. سایر موضوعات تلگرام

    اخبار و مطالب گوناگون خبری ، معما ها و چیستان ها ، اخبار گوناگون اینترنتی ، صندلی داغ ، گفتگو با کاربران ، بازارچه خرید و فروش ، زباله دان
  26. کانال تست روانشناسی تلگرام

    تست هوش
  27. کانال روانشناسی ازدواج تلگرام

    نکات قبل از ازدواج ، نکات بعد از ازدواج
  28. کانال مشاوره جنسی تلگرام

    راهنمایی علمی جنسی
XenForo Add-ons by Brivium ™ © 2012-2013 Brivium LLC.