irserv.ir

انجمن تخصصی ایران سرور

سرور آموزش ایران

آموزش های متنوع

ایران سرور
انجمن تخصصی

۶ روش بهینه سازی تصاویر وب سایت
زمان کنونی: 04-24-2017، 06:48 PM
کاربران در حال بازدید این موضوع: 1 مهمان
نویسنده: ehsannasr
آخرین ارسال: ehsannasr
پاسخ 1
بازدید 266

رتبه موضوع:
  • 1 رای - 2 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
خرید هاست دامنه ایران سرور مجازی لایسنس پلسک cpanel ملی هاستینگ com ۶ روش بهینه سازی تصاویر وب سایت

۶ روش بهینه سازی تصاویر وب سایت
کاربر فعال انجمن
***
کاربر فعال انجمن
ارسال‌ها: 50
تاریخ عضویت: Apr 2016
اعتبار: 6
وضعیت : آفلاین
جنسیت:
#1
۶ روش بهینه سازی تصاویر وب سایت
۶ روش بهینه سازی تصاویر وب سایت
 
تصاویر جزء کلیدی در طراحی وب سایت(خرید هاست ) هستند. آنها نه تنها به انتقال پیام و حفظ توجه بازدید کننده کمک می کنند، بلکه در سرعت و پاسخگویی وب سایت شما هم نقش بسزایی دارند.
برقراری تعادل بین کیفیت و سرعت بارگزاری سایت در رضایت بازدیدکنندگان بسیار موثر است. مهم است که زمانی که تصویری را برای وب سایت خود انتخاب می کنید به فرمت، سایز، فشرده سازی و… آن توجه نمایید. استفاده از این ۶ ترفند و راهنمایی تضمین می کند که صفحات وب شما به خاطر تصاویرشان، عقب نمی مانند.
۱- فرمت خود را انتخاب نمایید.
صفحات وب تمایل دارند تا برای نمایش تصاویر از ۳ فرمت اصلی GIF ، JPEG و PNG استفاده کنند. ایده آل است که یک فرمت بی عیب و نقص برای کل سایت خود انتخاب کنید. اما چون آنها با روش های مختلف کار می کنند عملا بهترین روش انتخاب بر پایه مورد به مورد است. در این روش این اطمینان به شما داده می شود که بازخورد تعادل صحیح بین کیفیت تصاویر و زمان بارگزاری وجود دارد. در اینجا مقایسه ای بین این فرمت ها داریم:

توصیه می شود، JPEG را برای عکس ها انتخاب کنید و پس از آن بینGIF و ۸ بیتی PNG برای آرم ها و تصاویر ساده تصمیم گیری نمایید. با در نظر گرفتن مزیت پشتیبانی فرمت برای شفافیت، شما به راحتی می توانید مکانی از آرم را برش بزنید و روی تصویر یا بالای یک پس زمینه رنگی و یا حتی عکس قرار دهید.
با این حال،اگر شما میخواهید یک صفحه وب آراسته و شکیل تر داشته باشید تصور نکنید که یک فرمت همیشه و در همه حال بهتر از دیگری است: اگر شما از فتوشاپ یا ابزارهای مشابه برای ساختن تصویر استفاده می کنید،یک گزینه برای ذخیره سازی به نام ‘Save for Web’ وجود دارد ، این تنظیم، گزینه هایی برای همه ی سه فرمت به صورت کامل با پنجره ی پیش نمایش، فراهم می کند و سایز فایل را تخمین می زند و به شما اجازه می دهد تا بهترین انتخاب را برای تصویر خود داشته باشید.
۲- تغییر اندازه برای وب
تصاویر بزرگ را مستقیما در صفحه وب خود قرار ندهید. پس از تغییر اندازه آنها برای صفحه وب خود – صفحه وب زمانی که باز می شود تمام عکس را دانلود می کند و به طور قابل توجهی سرعت بارگزاری را کند می کند- در عوض، بارگزاری این تصویر در ویرایشگر تصویر شما باعث ایجاد یک کپی thumbnail به همان اندازه ای که در صفحه نمایش داده می شود، می شود. اگر شما میخواهید مردم بتوانند تصاویر را در اندازه کامل مشاهده کنند، آن را جداگانه آپلود کنید و سپس، یک لینک قابل کلیک اضافه کنید.
۳- فشرده سازی با دقت
کیفیت تصویر JPEG بر اساس درصد مشخص است اندازه ی بالاتر تصویر برابر کیفیت بهتر تصویر است. با تنظیمات مختلف از حدود ۵۰% تا ۹۰% امتحان کنید و از دید خود برای قضاوت روی بهترین تعادل بین سایز و کیفیت بهره ببرید.
۴- رها کردن تصاویر جمعی
از خودتان بپرسید آیا واقعا سایت شما به تمام تصاویر آپلود شده نیاز دارد؟ اگر شما در حال رندر کردن متن به جای یک تصویر هستید، بررسی کنید ببینید آیا می شود از فونتهای وب به جای آن استفاده کنید؟ – این بسیار سریعتر ازنمایش یک تصویر است، می توان در میان متن اسکرول نمایید و همچنین قابلیت جستجو دارد- به طور مشابه، از جلوه های CSS و انیمیشن مانند شیب و سایه به جای اثرات مبتنی بر تصویر، می توانید استفاده نمایید. اما به یاد داشته باشید این را میان انواع مختلف مرورگرهای وب از لحاظ تمامی استاندارد ها تست کنید،، به ویژه در مرورگرهای قدیمی تر.
۵- WebP را چک کنید.
WebP جدید است، از تصاویر فرمت شده که هدف جایگزینی آنها با فرمتهای JPEG و GIF و PNG با همه ی قابلیتهایشان است- با درنظر گرفتن تنظیمات فشرده سازی یا بدون آن- پشتیبانی می کند و تبدیل به یک فرمت واحد که وعده ی آن اندازه فایل کوچکتر از هر دو PNG و JPEG است را می دهد. با این حال به طور گسترده پشتیبانی نمیشود- تنها مرورگرهای بومی اپرا و کروم آنها را پشتیبانی میکنند.- برای مثال با وجودی که بسیاری از ویرایشگرهای عکس هنوز آن را پشتیبانی نمی کنند(بقیه مثل فتوشاپ،نیاز به یک پلاگین جداگانه دارند) این توسعه هیجان انگیزی است که ممکن است آینده ی تصاویر وب را نشان دهد، در حال حاضر برخی ها این راه را در پیش گرفته اند. شروع به آزمایش کرده اند، اماهنوز تمام تصاویر خود را نمیتوانند روی آن سوئیچ کنند.
۶- سریع و آسان
اگر شما تعداد زیادی تصویر برای پردازش داشته باشید-برای مثال،شما میخواهید تعدادی از تصاویر thumbnail ایجادکنید- نگاهی به ابزار پردازش دسته ای Faststone Photo Resizer برای ویندوز بیندازید. به سادگی تصاویر خود را و اینکه چه ویرایش می خواهید انجام دهید انتخاب کنید، (مانند تغییر اندازه و یا تبدیل به یک فرمت تصویری دیگر) و سپس یک پوشه خروجی را انتخاب کنید. شما همچنین می توانید تصاویر تبدیل شده را تغییر نام دهید (مثلا با اضافه کردن _thmb به پایان نام فایل). بسیار سریعتر ازاین است که کارها را دستی انجام دهید.
 
منبع: وبلاگ پویاسازان
09-06-2016، 12:15 PM
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  تبلیغ در ویری لرن و آموزش حسابداریو بهینه سازی وب سایت parsoptics start11 0 9 دیروز، 06:12 PM
آخرین ارسال: start11
  بهینه سازی سایت در دامنه های فارسی sharmin555 0 25 04-20-2017، 03:46 PM
آخرین ارسال: sharmin555
  راه صحیح گرفتن بک لینکخدمات بهینه سازی برای وب سایتwww.novin.com/adwords/ start11 0 66 04-08-2017، 01:22 PM
آخرین ارسال: start11
  آموزش اینستاگرام: چگونه با خدمات سئو بهینه سازی وتبلیغ در موبایل لایک ها start11 0 64 04-05-2017، 02:44 AM
آخرین ارسال: start11
  ۵ اشتباه در بهینه سازی سایت و سامانه پیام کوتاه start11 0 52 04-04-2017، 02:26 AM
آخرین ارسال: start11
  بهینه سازی وب سایت ملی پیامک بر اساس کلمات کلیدی نمایندگی سامانه پیامک - قسم start11 0 69 03-29-2017، 11:03 PM
آخرین ارسال: start11
  نکاتی که سایت ساز پرتال از طراحی سایت ارزان وطراحی وب سایت اختصاصی جلوگیری می start11 0 82 03-29-2017، 12:32 AM
آخرین ارسال: start11
  تلیغ در تلگرام و آموزش فروش سئو و بهینه سازی وب سایت ویپ start11 0 78 03-28-2017، 01:32 PM
آخرین ارسال: start11
  سئو وبهینه سازی بیش از حد سایت shimasgs 1 65 03-17-2017، 01:33 AM
آخرین ارسال: iman1990
  بهینه سازی وب سایت بر اساس کلمات کلیدی- قسمت اول start11 0 91 02-09-2017، 10:44 PM
آخرین ارسال: start11

پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان