آیا باید از تصاویر با اندازه های مختلف برای موبایل، تبلت یا دسکتاپ استفاده کرد؟

زمانی سایت های جدا ای برای تلفن همراه، تبلت یا این که دسکتاپ پیاده سازی می‌کنید، چه این فعالیت را با URLهای منحصر (site.com و m.site.com) اعمال می دهید، چه با تارنما های گوناگون در یک adaptive web design) URL) الزامی میباشد که‌این تصاویر برای اصلی ترین دستگاه آموزش سئو در مشهد اندازه قابل قبولی داشته باشند.

در ساخت وب سایت ریسپانسیو (Responsive Web Design)، حالت تصاویر زیاد پر‌نور وجود ندارد. در RWD ضابطه مهم، ارائه اینترنت سایتی شبیه برای همگی دستگاه ها میباشد. با به کارگیری از CSS می قدرت بسته به قابلیت و امکان های دستگاه و اندازه ورقه، محتوا را صورت بخشید و پوسته بندی کرد.

اما، این به این معنا وجود ندارد که الزاما وبسایت ها بایستی یک سایز مشخص و معلوم از تصویر را برای همگی دستگاه ها تعیین نمایند. Alex Painter، مشاور تلاش اینترنت در NCC Group می‌گوید:

“برخی تارنما ها در ورژن دسکتاپ و گوشی، از تصاویر یکسان به کارگیری می نمایند و فقط تصاویر ورژن موبایلی را پاره ای خرد می نمایند تا مطلوب شیت خواهد شد. این قضیه شاید به لحاظ کاربرانی که دستگاه های حاذق و سریع دارا هستند بهتر به لحاظ نیاید. ولی میتواند وبسایت را برای کسانی که دستگاه های کندتری دارا‌هستند یا این که از سرویس ها کانال ضعیفی منفعت میبرند، به طور کامل بلااستفاده کند.

برای اینکه بیان‌کنم این خلل، خلل بزرگی میباشد دو برهان دارم. اولی استدلال آن معمولی میباشد، اینکه برای بارگزاری تصاویر والا و غیرضروری، فرصت بیشتری نیاز میباشد. دو‌مین عامل آن معمولا از دیدگاه ها نهفته میباشد، این میباشد که گوشی بایستی روند رنج را طی نماید تا تصویر را رمزگشایی نماید و مقیاس تصویر را خرد نماید. زمانی به کارگیری از انرژی و یاد را در حیث بگیریم، می‌بینیم ایفا این فعالیت هزینه متعددی در بر داراست.”

ولی دیگر نیازی به اجرا این عمل وجود ندارد. به امداد Responsive Images Community Group، تشکیل داد تصاویر جایگزین برای دستگاه های گوناگون مشتمل بر تصاویری که برای صفحه ها با اندازه های گوناگون مطلوب باشند، رزولوشن قابل قبولی داشته باشند(از حیث تعداد پیکسل ها) و برای قابلیت و امکان های دستگاه نیز مطلوب باشند را برای بسط دهندگان معمولی خیس نموده است.

HTML یک شیت اینترنت، به مرورگر میگوید کدام یک از این تصاویر را برای هر شیت تعیین نماید و با چه عرضی، تصاویر اکران داده گردد.

تا قبل از این بعضا پیشرفت دهندگان از JavaScript به کار گیری می کردند تا به کارگیری از تصاویر متعدد را مشخص و معلوم نمایند. ولی خصوصیت picture قادر است کدنویسی ها و درخواست های مازاد که سرعت بارگزاری ورقه را کاهش میدهد، حذف نماید.

Alex Painter دراین باره می‌گوید: 

” ارائه تصویر مطلوب برای هر دستگاه اکنون زیاد دشوار وجود ندارد. یک مقطع برای تصاویر بگراند از سبک CSS استعمال کردیم، البته جدیدا، تصاویری که در HTML میایند، بیشتر ایراد ساز میباشند. ویژگی ریسپانسیو بودن با عنصر در data-srcset (گروه ای از سورس های تصاویر جایگزین) این قابلیت را آماده نموده است که کد بتواند تشخیص دهد چه تصاویری بایستی برای چه عرضی استعمال شود (یا این که به مرورگر آموزش سئو مشهد این قابلیت و امکان را می‌دهد که مطلوب ترین مورد را از فی مابین تصاویر جانور گزینش کند). اینک مرورگرها به خیر و خوبی از این ویژگی امان می نمایند و بسط دهندگان می بایست بیشتر از JavaScript، از این خصوصیت استعمال نمایند تا به غرض مطلبوب خویش برسند.”