کم کم GIF به راحتی باز می شود، زیرا با افزایش استفاده از گوشی های هوشمند و کاربران پهنای باند محدود، انتظار می رود تقریبا بار بار بارگذاری شده است. تصاویر کوچکتر وب شما، سریع تر تصاویر شما بارگذاری خواهد شد و بازدید کنندگان شادتر خواهد بود. علاوه بر این، بسیاری از وبسایت ها محدودیت هایی در اندازه آگهی های تبلیغاتی دارند.
تصاویر GIF و وب
تصاویر GIF به اندازه یک اندازه مناسب نیستند. تصاویر GIF دارای حداکثر 256 رنگ هستند، به این معنی که اگر دقت نکنید، می توانید تخریب تصویر و رنگ های جدی را انتظار داشته باشید. فرمت فایل GIF در بسیاری از موارد یک فرمت قدیمی است که به اولین روزهای وب باز می گردد. قبل از معرفی فرمت GIF، تصاویر وب به شکل سیاه و سفید و با استفاده از فرمت RLE فشرده شدند. اولین بار در سال 1987 در زمانی که Compuserve این فرمت را به عنوان یک راه حل تصویربرداری وب منتشر کرد، اولین بار در سال 1987 ظاهر شد. در آن زمان، رنگ فقط بر روی دسکتاپ ظاهر شد و وب توسط مودمهای متصل به خط تلفن دسترسی پیدا کرد. این نیاز به یک فرمت تصویر ایجاد کرد که تصاویر را به اندازه کافی کوچک نگه داشت تا از طریق یک خط تلفن به یک مرورگر اینترنتی به صورت مختصر منتقل شود.
تصاویر GIF برای گرافیک تیز لبه با پالت رنگ محدود، مانند لوگو یا نقاشی خط، مناسب هستند. اگر چه آنها می توانند برای عکس استفاده شوند، پالت رنگ کاهش یافته، مصنوعات را به تصویر معرفی می کند. با این حال، جنبش هنر نقاشی و ظهور سینماگرافی علاقه جدیدی به فرمت GIF ایجاد کرده است.
چگونه می توان حجم فایل GIF را برای عملکرد بهتر وب سایت کاهش داد
این راهنمایی ها به شما کمک می کند که GIF های خود را به اندازه کوچکترین امکان ایجاد کنید.
- فضای اضافی در اطراف تصویر را بردارید. کاهش ابعاد پیکسل تصویر شما، تنها موثرترین راه برای کاهش اندازه فایل است. اگر از فتوشاپ استفاده می کنید، دستور Trim برای این کار خوب است.
- هنگام تهیه یک تصویر GIF، ممکن است بخواهید ابعاد خروجی را کاهش دهید.
- کاهش تعداد رنگ در تصویر.
- برای GIF های متحرک، تعداد فریم های تصویر را کاهش دهید.
- اگر از Photoshop CC 2017 استفاده می کنید، می توانید یک فایل GIF با استفاده از گزینه Export As انتخاب کنید. را انتخاب کنید File> Export As ... و وقتی منو باز می شود، GIF را به عنوان فرمت فایل انتخاب کنید و ابعاد فیزیکی (عرض و ارتفاع) تصویر را کاهش دهید.
- اگر از Adobe Photoshop Elements 14 استفاده می کنید، File> Save For Web را انتخاب کنید. این کادر محاوره ای Save For Web را باز می کند که در Adobe Photoshop CC 2017، File> Export> Save for Web (Legacy) نیز یافت می شود . هنگامی که باز می شود، شما می توانید تقسیم بندی کنید، رنگ و ابعاد فیزیکی تصویر را کاهش دهید.
- اجتناب از تنزل Dithering ممکن است برخی از تصاویر را بهتر نگاه کند، اما حجم فایل را افزایش می دهد. اگر نرم افزار شما این امکان را فراهم می کند، برای صرفه جویی در بایت های اضافی از سطوح پایین تر استفاده کنید.
- برخی از نرم افزار دارای گزینه "lossy" برای صرفه جویی در GIF هستند. این گزینه می تواند به طور قابل توجهی حجم فایل را کاهش دهد، اما همچنین کیفیت تصویر را کاهش می دهد.
- از بین زدن استفاده نکنید Interlacing معمولا اندازه فایل را افزایش می دهد.
- هر دو فتوشاپ و عناصر فتوشاپ به شما زمان دانلود را نشان می دهند. به آن توجه نکنید. این بر اساس استفاده از مودم 56K است. اگر یک مودم کابلی را از منوی پاپ آپ انتخاب کنید، تعداد معتبرتری ظاهر می شود.
نکات:
- اجتناب از انیمیشن بی فایده. انیمیشن بیش از حد نه تنها به زمان دانلود صفحه وب شما اضافه می کند، بلکه بسیاری از کاربران آن را منحرف می کنند.
- تصاویر GIF با بلوک های بزرگ از رنگ جامد و الگوهای افقی فشرده بهتر از تصاویر با تسطیح رنگ، سایه نرم، و الگوهای عمودی.
- هنگامی که رنگ در GIF ها کاهش می یابد، بهترین فشرده سازی را هنگامی که رنگ های شماره به حداقل ممکن از این گزینه ها تنظیم می شوند، دریافت می کنید: 2، 4، 8، 16، 32، 64، 128 یا 256.
به روز شده توسط تام گرین