تصاویر JPEG، سازگار با بهینه سازی و همگیرشتهرقیب
فرمت jpg رایجترین و ولی اسمآشناترین فرمت تصویر گزینه به کار گیری میباشد. هر دو پسوند jpg و jpeg عینا شبیه هم می باشند و از هیچ لحاظ تفاوتی با هم نداشته و هر دو مخفف عبارت Joint Photographic Experts Group میباشند (در قبل بدلیل محدودیت اکران کارکترها در پسوند، از jpg به کارگیری سئو در مشهد میگردیدهاست).
تصاویر jpeg یکی گزینشهای بهتر برای به کارگیری در محتوا و فضای سایت می باشند. با این وجود، نکته حائض اهمیت درمورد آنها، lossy بودن این نوع فرمت میباشد.
Lossy بودن تصویر یعنی؛ به واسطهی کاهش وسعت آن، چگونگی تصویر نیز کاهش پیدا خواهد کرد.
در فیض؛ وصال به یک تناسب در بین چگونگی و وسعت، برای بار گذاری تصاویر jpeg در تارنماها مداقه خدمات سئو در مشهد بسیار بالایی دارااست.
سفارش ما این میباشد که با نگهداشتن dpi این فرمت دربین 72 تا 150، وسعت تصویر برای لود در صفحه ها اینترنت را کمتر از 100 کیلوبایت نگهداری نمائید.
طرز ایفا این عمل و طریقهای کاهش وسعت تصاویر jpg با محافظت چگونگی را در نوشتهیعلمیی “کاهش وسعت تصاویر” برای شما تنظیم کردهایم. توصیه می کنیم مطلقا این محتوای جالب را رسیدگی و ملاحظه کنید.
فرمت PNG، تنوع رنگ معدود و وسعت تحت
PNG مخفف عبارت Portable Network Graphics میباشد؛ با نگاه به اسم این فرمت تصویر هم میاقتدار کاربرد آن برای فضای اینترنت را به خیر و خوبی شعور کرد. از مزایای این نوع فرمت میاقتدار به lossless بودن، تنوع رنگ مطلوب و قابلیت و امکان ذخیره با امکان transparency اشاره نمود.
فولدرهای PNG با وجود lossless بودن (یعنی قابلیت دستکاری در عینِ عدم کاهش چگونگی) به عنوان مثال تصاویر کیفیت بالا تحت محسوب میگردند. امکان اصلی دیگر تصاویر PNG قابلیت ذخیرهسازی بصورت شیشهای یا این که با transparency میباشد که مارا برای به کارگیری از آن در المانهای UI یک سایت ترغیب مینماید. با این هم اکنون فرمت جایگزین عالی برای این غرض (به کار گیری برای المانهای پیاده سازی یک تارنما) فرمت SVG میباشد که پیرو نوشتهی علمی آن را معرفی خوا هیم کرد.
یک کدام از خطاها رایج در به کار گیری از این فرمت تصویر، بکارگیری آن برای تصاویر رئال یا این که حقیقی و واقعی میباشد. با اعتنا به طریقی فراخوانی رنگها درین فرمت، به کارگیری از آن برای عکسهایی که طیف وسیعی از رنگها را داراهستند منطقی وجود ندارد؛ به دلیل آن که منجر ارتقا غیرمعقول وسعت این تصاویر شود. برای فهم خوب مسئله، کافیست نگاهی به تصویر تحت بیاندازیم!
فرمت GIF، جلب دقت کاربر با تصاویر متحرک
تصاویر GIF را اکثر وقت ها ما با تصاویر متحرکی که در کانالهای اجتماعی رد و بدل می کنیم، می شناسیم. با این وجود تصاویر گیف در فضای اینترنت و تارنماها نیز کاربردهای دارا هستند. استعمال برای بنرهای تبلیغاتی، CTA یا این که کال تو اکشنها و حتی بعضیً تصاویر یک نوشتهی علمی، جاهایی میباشند که خواهیم توانست از این فرمت به کارگیری کنیم.
تصاویر GIF محدودیتهایی هم دارا هستند. وسعت بالا، تنوع رنگ بسیار ذیل (حداکثر 256) رنگ و چگونگی خیر چندان مطلوب در اکثر زمان ها تصاویر، برای مثال چیزهاییست که بایستی درمورد این فرمت در لحاظ داشته باشیم.
فرمت WEBP، جدید وارد دوست داشتنی برای سئوی تصاویر
یکیاز فرمتهای تصاویر که به تازگیً ترویج متعددی در فضای اینترنت پیدا کرده، فرمت WEBP میباشد. بخش اعظمی از سایتهایی که محوریت عملشان بر شالوده تصاویر بوده، مثل Pinterest یا این که Dribbble جدیدا این فرمت را جایگزین تصاویر با فرمت JPG کردهاند. ادله این عمل هم تفاوت 30 درصدی وسعت این فرمت در مقایسه با یک تصویر باکیفیت شبیه و با پسوند JPG میباشد.
از مهم ترین خصوصیتهای این فرمت ضمن وسعت کمتر در مقایسه با بقیه فرمتها، دارا بودن قابلیت و امکان transparency صحیح مانند فولدرهای PNG میباشد. ضمن این، پرورش روز افزون سازش مرورگرهای متفاوت با فرمت WEBP نیز، به دوستداشتنی شدن هرچه بیشتر آن یاری نموده است.
با این تفاسیر، در حالتیکه بر راز دوراهی به کار گیری از فرمت JPEG یا این که WEBP متوقف گردیدهاید، ضمانت میدهیم که فرمت WEBP جواب اعتقاد و باور شمارا به نیکی خواهد اعطا کرد. (تصاویر همین نوشته ی علمی نیز تمامیگی با فرمت Webp در دسترس شما قرار گرفتهاند)
فرمت SVG، تصاویر به لهجه رباتهای گوگل
برخلاف بقیه فرمتهایی که به معرفی آنها پرداختیم، فرمت SVG در مجموعهبندی فرمتهای بُرداری یا این که vector قرار می گیرد. البته به واسطه کاربردهای متنوع و دیدنی آن در ساخت وب سایت و التفات آن در بهینه سازی تکنیکال، توضیح کوتاهی درمورد این فرمت خالی از لطف وجود ندارد.
یادگرفتن بهینه سازی تکنیکال
استانداردهای seo در پیاده سازی و کدنویسی
کلیپ عصر
16 ساعت
867 دانشجو
سرفصل ها
داده ها بیشتر
SVG فرمتیست که چگونگی بسیار بسیار بالایی داشته و درعین درحال حاضر به جهت اینکه برپایه متن سازه گردیده وسعت بسیار پایینی داراست. بیشترین کاربرد این نوع فرمت برای برندینگ در فضای اینترنت و همینطور تصویرسازیهای گرافیکی در سایتهاست.
بر شالودهی متن بودن این فرمت (text-based) سبب ساز گردیده تا گوگل به راحتی بتواند به یاری خزندههای خویش این تصاویر را کراول، ایندکس و شعور نماید و از این جهت نیز نقش خویش را به نیکی در seo وبسایت جاری ساختن مینمایند. Scalable Vector Graphics به عبارتیطور که از نامشان پیداست مطلوب تصاویر گرافیکی و پیاده سازیها می باشند و استعمال از آنها برای تصاویر رئال منطقی و فیضنصیب وجود ندارد.
برای بخشهای گوناگون تارنما از چه فرمت تصویری به کار گیری کنیم؟
درحال حاضر که با فرمتهای تصاویر در فضای اینترنت و کاربردهایشان آشنا شدیم؛ برای تصمیمگیری هرچه خوب، امکانهای این فرمتها را بصورت یک جدول در تحت برای شما مهیا کردهایم. با اعتنا به داده ها این جدول میتوانیم تصاویر تارنما را متناسب با کاربردشان به فرمت مطلوب تغییر تحول دهیم.
فرمت تصویر چگونگی وسعت مجال به کار گیری
JPG مطلوب مطلوب تصاویر حقیقی و اسلایدر
PNG خوب بهتر تصاویر گرافیکی با تنوع رنگ ذیل
WEBP مطلوب بهتر تمامی تصاویر وبسایت
GIF زیر زیاد بنرهای تبلیغاتی
SVG خوب خوب لوگو و آیکونها (یک یا این که دو رنگ)
چطور فرمت تصاویر را تغییر و تحول دهیم؟
قبل از اینکه به سراغ شیوههای تغییر تحول فرمت تصاویر برویم، نوشتهعلمیی “فهم محتوای تصاویر” را استیناف فرمایید. این نوشتهیعلمی به شما امداد مینماید تا صورت محتوایی تصویرتان را پیدا کرده و گزینش فرمائید. از جمله درصورتیکه محتوای تصاویر وب لاگ شما غالبا تصاویر گرافیکی باشد، به کار گیری از فرمت PNG فیض بهتری از نظر چگونگی و سرعت بار گذاری شیت بدنبال خواهد داشت.
پس از اینکه فرمت تصویر برای استعمال در سایتمان را گزینش کردیم، وهله به تغییرو تحول فرمت میباشد. حدودا 99% از تصاویری که برای بار گذاری در وبسایت تعیین می کنیم مستلزم باصرفهسازی می باشند. اولی مرحله قبل از هرگونه با صرفهسازی در چگونگی و وسعت، تغییر و تحول تصاویر به فرمت مطلوب میباشد.
دو خط مش اساسی برای تغییر تحول فرمت تصاویر پیش روی شماست.
به کارگیری از قابل انعطاف افزارهای گرافیکی (مانند فتوشاپ)
به کار گیری از ابزارهای آنلاین
1- تغییر و تحول فرمت تصویر با استعمال از فتوشاپ
برای ذخیره تصویر با فرمت مطلوب، تصویر گزینه نظرمان را با فتوشاپ گشوده کرده و پس از اجرا دستکاریهای احتمالی، این مسیر را طی می کنیم:
ذخیره با فرمت JPG، GIF یا این که PNG:
File >> Export >> Save for Web (Legacy)
هم اکنون کافیست در سمت راست و بالای پنجره گشوده گردیده، در نصیب preset ، پسوند را به فرمت انتخابی برای تصویرمان تغییر و تحول بدهیم.
ذخیره با فرمت SVG
همانگونه که گفتیم این فرمت برای تصاویر گرافیکی و فولدرهای برندینگ مطلوب میباشد. این پسوند امکان بازنویسی در اپ فتوشاپ را ندارد و برای تشکیل داد و ذخیرهسازی این فرمت می بایست از دیگر قابل انعطاف افزارهای گرافیکی مرتبط، مثل Adobe Illustrator و یا این که Affinity Designer به کارگیری کنیم.
ذخیره با فرمت WEBP
این پسوند در صنعت تصاویر یک فرمت نوباوه محسوب میشود و به همین خیال و خاطر قابل انعطاف افزارها هنوز در ورژنهای اساسی خویش رویکرد مستقیمی برای ذخیره با این پسوند در لحاظ نگرفتهاند. برای ذخیره با فرمت WEBP افزونههایی پیاده سازی گردیدهاند که بایستی از آن ها استعمال کنیم. اپ فتوشاپ هم پلاگینی برای ذخیرهسازی تصاویر با این فرمت دارااست که پیوند دانلود آن را برای شما در پی قرار دادهایم:
افزونه پیشنهادی خویش گوگل برای راهاندازی Webpp در فتوشاپ را اخذ و مبنی بر با یادگرفتن ورقه فعال فرمایید. هنگام انبار کردن یک تصویر آیتم Webpp به فرمتهای خروجی اضافه گردد.
تصاویر JPEG، سازگار با بهینه سازی و همگیرشتهرقیب
فرمت jpg رایجترین و ولی اسمآشناترین فرمت تصویر گزینه به کار گیری میباشد. هر دو پسوند jpg و jpeg عینا شبیه هم می باشند و از هیچ لحاظ تفاوتی با هم نداشته و هر دو مخفف عبارت Joint Photographic Experts Group میباشند (در قبل بدلیل محدودیت اکران کارکترها در پسوند، از jpg به کارگیری سئو در مشهد میگردیدهاست).
تصاویر jpeg یکی گزینشهای بهتر برای به کارگیری در محتوا و فضای سایت می باشند. با این وجود، نکته حائض اهمیت درمورد آنها، lossy بودن این نوع فرمت میباشد.
Lossy بودن تصویر یعنی؛ به واسطهی کاهش وسعت آن، چگونگی تصویر نیز کاهش پیدا خواهد کرد.
در فیض؛ وصال به یک تناسب در بین چگونگی و وسعت، برای بار گذاری تصاویر jpeg در تارنماها مداقه خدمات سئو در مشهد بسیار بالایی دارااست.
سفارش ما این میباشد که با نگهداشتن dpi این فرمت دربین 72 تا 150، وسعت تصویر برای لود در صفحه ها اینترنت را کمتر از 100 کیلوبایت نگهداری نمائید.
طرز ایفا این عمل و طریقهای کاهش وسعت تصاویر jpg با محافظت چگونگی را در نوشتهیعلمیی “کاهش وسعت تصاویر” برای شما تنظیم کردهایم. توصیه می کنیم مطلقا این محتوای جالب را رسیدگی و ملاحظه کنید.
فرمت PNG، تنوع رنگ معدود و وسعت تحت
PNG مخفف عبارت Portable Network Graphics میباشد؛ با نگاه به اسم این فرمت تصویر هم میاقتدار کاربرد آن برای فضای اینترنت را به خیر و خوبی شعور کرد. از مزایای این نوع فرمت میاقتدار به lossless بودن، تنوع رنگ مطلوب و قابلیت و امکان ذخیره با امکان transparency اشاره نمود.
فولدرهای PNG با وجود lossless بودن (یعنی قابلیت دستکاری در عینِ عدم کاهش چگونگی) به عنوان مثال تصاویر کیفیت بالا تحت محسوب میگردند. امکان اصلی دیگر تصاویر PNG قابلیت ذخیرهسازی بصورت شیشهای یا این که با transparency میباشد که مارا برای به کارگیری از آن در المانهای UI یک سایت ترغیب مینماید. با این هم اکنون فرمت جایگزین عالی برای این غرض (به کار گیری برای المانهای پیاده سازی یک تارنما) فرمت SVG میباشد که پیرو نوشتهی علمی آن را معرفی خوا هیم کرد.
یک کدام از خطاها رایج در به کار گیری از این فرمت تصویر، بکارگیری آن برای تصاویر رئال یا این که حقیقی و واقعی میباشد. با اعتنا به طریقی فراخوانی رنگها درین فرمت، به کارگیری از آن برای عکسهایی که طیف وسیعی از رنگها را داراهستند منطقی وجود ندارد؛ به دلیل آن که منجر ارتقا غیرمعقول وسعت این تصاویر شود. برای فهم خوب مسئله، کافیست نگاهی به تصویر تحت بیاندازیم!
فرمت GIF، جلب دقت کاربر با تصاویر متحرک
تصاویر GIF را اکثر وقت ها ما با تصاویر متحرکی که در کانالهای اجتماعی رد و بدل می کنیم، می شناسیم. با این وجود تصاویر گیف در فضای اینترنت و تارنماها نیز کاربردهای دارا هستند. استعمال برای بنرهای تبلیغاتی، CTA یا این که کال تو اکشنها و حتی بعضیً تصاویر یک نوشتهی علمی، جاهایی میباشند که خواهیم توانست از این فرمت به کارگیری کنیم.
تصاویر GIF محدودیتهایی هم دارا هستند. وسعت بالا، تنوع رنگ بسیار ذیل (حداکثر 256) رنگ و چگونگی خیر چندان مطلوب در اکثر زمان ها تصاویر، برای مثال چیزهاییست که بایستی درمورد این فرمت در لحاظ داشته باشیم.
فرمت WEBP، جدید وارد دوست داشتنی برای سئوی تصاویر
یکیاز فرمتهای تصاویر که به تازگیً ترویج متعددی در فضای اینترنت پیدا کرده، فرمت WEBP میباشد. بخش اعظمی از سایتهایی که محوریت عملشان بر شالوده تصاویر بوده، مثل Pinterest یا این که Dribbble جدیدا این فرمت را جایگزین تصاویر با فرمت JPG کردهاند. ادله این عمل هم تفاوت 30 درصدی وسعت این فرمت در مقایسه با یک تصویر باکیفیت شبیه و با پسوند JPG میباشد.
از مهم ترین خصوصیتهای این فرمت ضمن وسعت کمتر در مقایسه با بقیه فرمتها، دارا بودن قابلیت و امکان transparency صحیح مانند فولدرهای PNG میباشد. ضمن این، پرورش روز افزون سازش مرورگرهای متفاوت با فرمت WEBP نیز، به دوستداشتنی شدن هرچه بیشتر آن یاری نموده است.
با این تفاسیر، در حالتیکه بر راز دوراهی به کار گیری از فرمت JPEG یا این که WEBP متوقف گردیدهاید، ضمانت میدهیم که فرمت WEBP جواب اعتقاد و باور شمارا به نیکی خواهد اعطا کرد. (تصاویر همین نوشته ی علمی نیز تمامیگی با فرمت Webp در دسترس شما قرار گرفتهاند)
فرمت SVG، تصاویر به لهجه رباتهای گوگل
برخلاف بقیه فرمتهایی که به معرفی آنها پرداختیم، فرمت SVG در مجموعهبندی فرمتهای بُرداری یا این که vector قرار می گیرد. البته به واسطه کاربردهای متنوع و دیدنی آن در ساخت وب سایت و التفات آن در بهینه سازی تکنیکال، توضیح کوتاهی درمورد این فرمت خالی از لطف وجود ندارد.
یادگرفتن بهینه سازی تکنیکال
استانداردهای seo در پیاده سازی و کدنویسی
کلیپ عصر
16 ساعت
867 دانشجو
سرفصل ها
داده ها بیشتر
SVG فرمتیست که چگونگی بسیار بسیار بالایی داشته و درعین درحال حاضر به جهت اینکه برپایه متن سازه گردیده وسعت بسیار پایینی داراست. بیشترین کاربرد این نوع فرمت برای برندینگ در فضای اینترنت و همینطور تصویرسازیهای گرافیکی در سایتهاست.
بر شالودهی متن بودن این فرمت (text-based) سبب ساز گردیده تا گوگل به راحتی بتواند به یاری خزندههای خویش این تصاویر را کراول، ایندکس و شعور نماید و از این جهت نیز نقش خویش را به نیکی در seo وبسایت جاری ساختن مینمایند. Scalable Vector Graphics به عبارتیطور که از نامشان پیداست مطلوب تصاویر گرافیکی و پیاده سازیها می باشند و استعمال از آنها برای تصاویر رئال منطقی و فیضنصیب وجود ندارد.
برای بخشهای گوناگون تارنما از چه فرمت تصویری به کار گیری کنیم؟
درحال حاضر که با فرمتهای تصاویر در فضای اینترنت و کاربردهایشان آشنا شدیم؛ برای تصمیمگیری هرچه خوب، امکانهای این فرمتها را بصورت یک جدول در تحت برای شما مهیا کردهایم. با اعتنا به داده ها این جدول میتوانیم تصاویر تارنما را متناسب با کاربردشان به فرمت مطلوب تغییر تحول دهیم.
فرمت تصویر چگونگی وسعت مجال به کار گیری
JPG مطلوب مطلوب تصاویر حقیقی و اسلایدر
PNG خوب بهتر تصاویر گرافیکی با تنوع رنگ ذیل
WEBP مطلوب بهتر تمامی تصاویر وبسایت
GIF زیر زیاد بنرهای تبلیغاتی
SVG خوب خوب لوگو و آیکونها (یک یا این که دو رنگ)
چطور فرمت تصاویر را تغییر و تحول دهیم؟
قبل از اینکه به سراغ شیوههای تغییر تحول فرمت تصاویر برویم، نوشتهعلمیی “فهم محتوای تصاویر” را استیناف فرمایید. این نوشتهیعلمی به شما امداد مینماید تا صورت محتوایی تصویرتان را پیدا کرده و گزینش فرمائید. از جمله درصورتیکه محتوای تصاویر وب لاگ شما غالبا تصاویر گرافیکی باشد، به کار گیری از فرمت PNG فیض بهتری از نظر چگونگی و سرعت بار گذاری شیت بدنبال خواهد داشت.
پس از اینکه فرمت تصویر برای استعمال در سایتمان را گزینش کردیم، وهله به تغییرو تحول فرمت میباشد. حدودا 99% از تصاویری که برای بار گذاری در وبسایت تعیین می کنیم مستلزم باصرفهسازی می باشند. اولی مرحله قبل از هرگونه با صرفهسازی در چگونگی و وسعت، تغییر و تحول تصاویر به فرمت مطلوب میباشد.
دو خط مش اساسی برای تغییر تحول فرمت تصاویر پیش روی شماست.
به کارگیری از قابل انعطاف افزارهای گرافیکی (مانند فتوشاپ)
به کار گیری از ابزارهای آنلاین
1- تغییر و تحول فرمت تصویر با استعمال از فتوشاپ
برای ذخیره تصویر با فرمت مطلوب، تصویر گزینه نظرمان را با فتوشاپ گشوده کرده و پس از اجرا دستکاریهای احتمالی، این مسیر را طی می کنیم:
ذخیره با فرمت JPG، GIF یا این که PNG:
File >> Export >> Save for Web (Legacy)
هم اکنون کافیست در سمت راست و بالای پنجره گشوده گردیده، در نصیب preset ، پسوند را به فرمت انتخابی برای تصویرمان تغییر و تحول بدهیم.
ذخیره با فرمت SVG
همانگونه که گفتیم این فرمت برای تصاویر گرافیکی و فولدرهای برندینگ مطلوب میباشد. این پسوند امکان بازنویسی در اپ فتوشاپ را ندارد و برای تشکیل داد و ذخیرهسازی این فرمت می بایست از دیگر قابل انعطاف افزارهای گرافیکی مرتبط، مثل Adobe Illustrator و یا این که Affinity Designer به کارگیری کنیم.
ذخیره با فرمت WEBP
این پسوند در صنعت تصاویر یک فرمت نوباوه محسوب میشود و به همین خیال و خاطر قابل انعطاف افزارها هنوز در ورژنهای اساسی خویش رویکرد مستقیمی برای ذخیره با این پسوند در لحاظ نگرفتهاند. برای ذخیره با فرمت WEBP افزونههایی پیاده سازی گردیدهاند که بایستی از آن ها استعمال کنیم. اپ فتوشاپ هم پلاگینی برای ذخیرهسازی تصاویر با این فرمت دارااست که پیوند دانلود آن را برای شما در پی قرار دادهایم:
افزونه پیشنهادی خویش گوگل برای راهاندازی Webpp در فتوشاپ را اخذ و مبنی بر با یادگرفتن ورقه فعال فرمایید. هنگام انبار کردن یک تصویر آیتم Webpp به فرمتهای خروجی اضافه گردد.

رپورتاژ اطلاع رسانی