بهینه سازی تصویر در جوملا

[TARLI 1]

سلام

 

میخواستم بدونم کلا کارهایی که برای بهینه کردن تصاویر توی سایت های جوملایی میشه انجام داد چی هستند؟ مخصوصا برای سایتی که باید از تصاویر زیادی استفاده کنه

 

ممنون

 

 

[topmihan 141]

سلام

بهتره برای تصاویر خود موارد زیر رو در نظر بگیرید

height و  width

(در واقع با قيد ابعاد تصوير، مرورگر قبل از لود تصوير ميداند که چه مقدار از صفحه نمايش بايد به تصوير بايد اختصاص داده شود و قبل از لوذ شدن تمامی تصاوير مرورگر شروع به نمايش قالب و چارچوب کلی صفحه خواهد کرد)

Alt

(اگر مرورگر به هر دليلی نتواند که يک تصوير را نمايش دهد و يا مرورگر از نوع مرورگرهائی باشد که فقط متن را نمايش ميدهند، متن و text ی که با کمک شناسه alt تعيين شده است نمايش داده خواهد شد. همچنين در اغلب مرورگرها با قرارگرفتن ماوس بروی يک تصوير، متن تعيين شده توسط شناسه alt نمايش داده خواهد شد. با کمک alt اطلاعات اضافی مربوط به تصوير قابل نمايش ميباشد.مثال زير نحوه درج تصويری را با قيد متن جايگزين آن شرح ميدهد)

title

(اگر بخواهيم يك متن توضيحي به شكل hint هنگامي كه ماوس بر روي عكس قرار مي گيرد ظاهر شود ، بايد از خصوصيت title استفاده كنيم)

حق یارتان

[TARLI 1]

سلام دوست عزیز

مثال که دیده نشد

 

اما در مورد حجم عکس : بهتره که از چه پسوندی استفاده بشه یا چطوری میشه از حجم عکس بدون افت کیفیت کم کرد؟

[topmihan 141]

شرمنده یادم شد مثال رو قرار بدم

حالا خیلی مهم نیست اگه تگ نویسی بلد نیستین بگین تا بذارمش

این مطلب هم بخونید

 

بهترین فرمت عکس در طراحی سایت تصاویر بخش بسیار مهمی از قسمت قابل نمایش از هر وب سایت را تشکیل می دهند و میزان حجم , کیفیت , و نوع آنها تاثیر قابل ملاحظه ای در استاندارد بودن و جذابیت هر چه بیشتر یک وب سایت دارد. سه فرمت اصلی برای عکس: GIF نام کوتاه شده ی Graphics Interchange Format این قالب گرافیکی توسط شرکت CompuServe در سال ۱۹۸۷ میلادی معرفی شده برای فشرده سازی تصاویر استفاده می شود با محدودیت تعداد رنگ JPG نام کوتاه شده ی Joint Photographic Experts Group از این استاندارد بیشتر برای ذخیره سازی تصاویر دیجیتال و تصاویری که با استفاده از دوربین های عکاسی گرفته شده است برای فشرده سازی تصاویر استفاده می شود و کیفیت گذشته تصاویر از دست خواهد رفت و به کیفیت پایین تری از تصاویر خواهیم رسید PNG نام آن کوتاه شده Portable Network Graphics فرمتی است که برای انتشار در محیط وب سایت به وجود آمده است و برای کارهای چاپی مورد استفاده قرار نمی گیرد و به همین دلیل از محدوده رنگ فایلهای چاپی نیز ( CMYK ) پشتیبانی نمی کند برتری PNG نسبت به دیگر فرمت ها: از دست ندادن کیفیت ظاهری پس از فشرده سازی تصویر ایجاد تصاویری با زمینه ی شفاف در سایت استفاده از بازه بیشتری از رنگها اما گول ظاهرPNG را نخورید در حال حاضر پر استفاده ترین فرمت در وب JPEG است که به خاطر تناسب در کیفیت و حجم نسبتا مناسب، بسیار محبوب شده. اما حالا گوگل فرمت جدیدی پیشنهاد کرده که نامش را WebP گذاشته و می گوید شما با کیفیت مشابه، فایل هایی حدود ۲۵ تا ۳۴ درصد سبک تر خواهید داشت. اما باز هم به شما می گویم گول ظاهر WebP را نخورید چرا که فعلا همه مرورگرها از آن پشتیبانی نمی کنند.!!!! چگونه تصاوير خود را در سایت فشرده كنيم؟ Dream weaver : يكي از اين راهها استفاده از نرم افزار Dream weaver است كه با گذراندن مراحل لازم به راحتي مي توانيد فايل هاي تصويري خود را فشرده كنيد و در سایت خود بکار برید. : Corel/Photoshop/Fire works همه آنها زمانيكه يك فايل را با فرمت فشرده ذخيره مي كنيد داراي تنظيماتي هستند كه با انجام آن تنظيمات هر چه سايز را كمتر كنيد مشاهده خواهيد كرد كه كيفيت هم پايين مي آيد بنابراين انتخاب يك نقطه بهينه بسيار مهم است كه اين عمل را با چند بار امتحان خواهيد آموخت. ويندوزxp : كافيست به دايركتوري كه تصاوير شما در آن قرار دارند برويد و يك فايل عكس يا تصوير را انتخاب كنيد روي عكس مورد نظر كليك راست كنيد و گزينه resize image را انتخاب كنيد

 

برای تغییر سایز نرم افزارهای یادی معرفی شده

بگردید در گوگل نتایج خوبی پیدا میکنید

ویرایش شده خرداد 93 توسط topmihan

[مصطفی صفرعلی 2,891]

با سلام

 

آموزش تصویری زیر را هم مشاهده کنید

 

http://www.joomina.ir/joomla-farsi-extensions/joomla-learning/seo-learn/seo-image-joomla.html

 

موفق و پیروز باشید

یا حق