مجتبی
4 سال پیش توسط مجتبی مطرح شد
20 پاسخ

کاهش کیفیت تصویر در وردپرس

سلام
یک تصویر خیلی کیفیتش عالیه
وقتی در داخل قالب وردپرس که دارم توسعش میدم تصویر رو لود میکنم مثلا در یک تگ img خودکار عکس کیفیتش میاد پایین حجمشو کم میکنه
عکسی نیست که اپلودش کنم نه عکس رو از طریق کد لود میکنم مثلا در تگ های HTML اینطوری میشه

هیچ تغییری هم ندادم در تنظیمات

مشکلش چیه چطوری حل کنم؟


ثبت پرسش جدید
محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش مطرح شد
0

@mojtaba.kh درود
با چه متدی عکس رو لود میکنید
width و height عکس قبل آپلود و بعد آپلود چقدره؟


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
سلام وقت بخیر
من در لوکال تصویر رو در پوشه ای به نام
Assets/images قرار دادم مثلا
product1.png

میام در تگ img فراخوانیش میکنم

<img SRC="assets/images/product1.PNG>

عرض و ارتفاع تصویر فرقی نمیکنه زمانی که در قالب تصویر لود میشه میرم میبینم تصویر با یک تصویر بی کیفیت اوورراید شده :/

حتی عکس رو از طریق مدیا وردپرس هم آپلود نمیکنم که بگم حجمشو کم میکنه

تا عکس توی قالب لود میکنم هر عکسی کیفیتش داغون میشه


محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش مطرح شد
0

@mojtaba.kh وقتی سایز عکس با چیزی که در حال استفادست خیلی اختلاف داشته باشه از کیفیت عکس کاسته میشه این خاصیت تگ img هست
مثلا شما یک تصویر با رزولیشن 2000x2000 دارید و 50x50 میخواید استفاده کنید. اگر این تصویر رو به 50x50 کانورت کنید و از این تصویر بخونید افت کیفیت نخواهید داشت


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
عکس انگاری scale میشه یکم زوم میشه عرض و ارتفاع ثابته ها ولی انگاری یکم زوم شده که کیفیتش میاد پایین


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
نه آخه عکس در همون سایزی که هست استفاده شده
الان مثلا حجم تصویر ۴۰ کیلوبایته
وقتی توی قالب لودش میکنم میرم میبینم فایل رو شده مثلا یک عکس بی کیفیت با حجم ۳۰ کیلوبایت و فایل اورراید شده

الان در حالت عادی اون عکس رو لود میکنم خارج وردپرس در تگ img مشکلی نداره

یعنی هر چی هست وردپرس اینکار رو میکنه


محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش مطرح شد
0

@mojtaba.kh لطفا کد نهایی که بعد از لود صفحه است رو با inspect کپی کنید تا ببینیم مشکل کجاست


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
چشم الان برم سیستم روشن کنم میفرستم سریع
سرچ زیاد زدم چیزی اوکی نشد
چشم امیدم به شماس


محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش آپدیت شد
0

@mojtaba.kh قبل از این که بفرستید اینکار هم بکنید
این css رو برای تصویر اعمال کنید ببینید مشکلتون حل میشه:

max-height: 100%;
    max-width: 100%;

در واقع:

<img style="max-height: 100%; max-width: 100%;" src="assets/images/product1.PNG">

مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
استایلی که گفتید اعمال کردم روی عکس ولی اوکی نشد

الان من اومد عکس رو در یک html خام در تگ img لود کردم نتیجه شد اینطوری میبینید که کیفیت عکس اوکیه

توضیح تصویر رو وارد کنید

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

توضیح تصویر رو وارد کنید

اینم inspect

توضیح تصویر رو وارد کنید

همین قالب که الان دارم به وردپرس کانورت می کنم رو html خام عکس ها درسته زمانی که میارمشون روی وردپرس عکس ها اینطوری میشه

همه عکس ها همشون


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
هر طور هست طبق چیزی که فهمیدم وردپرس یه کارایی می کنه روی عکس های قالبم ولی نمی دونم چه کار !

چون میگم همین قالب html خامش اوکی هستش ولی نمیدونم چرا زمانی که میاد توی وردپرس اینطوری میشه یعنی مشکل از استایل قالب نیست


محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش مطرح شد
0

@mojtaba.kh وردپرس عملا هیچ کاری انجام نداده رو عکس شما و قطعا از وردپرس نیست


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
حرفتون درسته الان دیدم متاسفانه هر عکس رو لود می کنم قالب html خام هم متاسفانه میاد و خرابش می کنم کیفیت تصویر رو نمی دونم از کجا داره استایل این کار رو می کنه


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
چطوری مشکلش رو پیدا کنم؟


محمد عابدی
تخصص : Senior Web Developer
@abedim910 4 سال پیش مطرح شد
0

@mojtaba.kh اگر سورستون رو یک جا آپلود میکردید میتونستم کمکتون کنم


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

@abedim910
کجا براتون بفرستم سورس رو؟ چون دوست ندارم اینجا و پابلیک بشه


امین مقدس
تخصص : طراح رابط کاربری، برنامه نویس...
@aminmoghadas 4 سال پیش مطرح شد
0

@mojtaba.kh

قبل از هر کاری یه بررسی افزونه داشته باشید.
لیست افزونه هاتون رو بفرمایید یا اینکه غیر فعال کنید.

نکته بعدی اینکه کتابخونه های جاوا اسکریپتتون که استفاده کردید رو بفرمایید

اگر جایی آنلاین کنید قالبتون رو ولینکش رو بفرمایید بهتر میشه کمک کرد


jp
@jp... 4 سال پیش آپدیت شد
A.M
@alimiandari1396 4 سال پیش مطرح شد
0

دوست عزیز سلام . بنده میخوام بگم که اگه شما از قبل این رزولویشن رو هماهنگ کنی حتماً درست میشه اگه منظورتون توی سایت هستش این که مشخّصه چجوری درست میشه و اونم اینه که رزولویشنش رو از قبل در نرم افزاری همچون فتوشاپ اندازۀ صفحه اش رو بیارید پایین تا اُفت کیفیت نداشته باشه . اگه کمکی بود بنده در خدمتم .


مهدی طیبی
تخصص : طراح سایت
@mehditayebi 4 سال پیش مطرح شد
0

دوست عزیز این اصلا ربطی به وردپرس نداره . این تکه کدی که نوشتید فقط مربوط میشه به یک Html ساده .
امکان داره اون فضایی که برای اون عکس در نظر گرفتید بزرگتر از اندازه خود تصویر باشه و چون شما tag مربوط به img رو اومدید width رو 100% قرار دادید در نتیجه تصویر به اندازه همون کادر بزرگ میشه و همین موضوع باعث کاهش کیفیت تصویر میشه .


مجتبی
تخصص : توسعه وب
@mojtaba.kh 4 سال پیش مطرح شد
0

مشکل اصلا چیز دیگه ای بود !
دستم خورده بود زوم صفحه کروم 110% شده بود برای همین بود !!!!


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام