رفتن به مطلب

مشکل با ReSize کردن عکس ها


site

پست های پیشنهاد شده

سلام دوستان

عکس هایی که من از " رسانه وردپرس " در مطالب قرار می دهم معمولا اندازه بزرگی دارند و در صفحه جا نمی شوند .

خب مجبور هستم که با استفاده از مربع های کنار عکس ، عکس را تا اندازه ای که صفحه جا بشود کوچک کنم

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

به نظر شما چیکار باید کنم ؟

مثلا در سایت gmatrix.com در قسمت Serve scaled images برای یکی از عکس هایی که این مشکل رو داره می نویسه :

is resized in HTML or CSS from 1666x1250 to 466x378. Serving a scaled image could save 396.3KiB (91% reduction).

به نظر شما چیکار کنم ؟

لینک به ارسال

اینم کدش


#warpper .text-p img{
max-width: 400px;
max-height: 400px;
}

بجای اون 400 ها هم میتونی سایز دلخواتو بدی

ولی عکس هاتو تو فتوشاپ کم حجم کنی بهتره

  • امتیاز 3
لینک به ارسال

سلام

بهترین راه همون که دوستمون گفت در فوتوشاپ هر کسی رو بعد از تغییر اندازه دلخواه به کلیدهای میانبر Ctrl + Shift + Alt +s یا از منوی Image> save as for web (اگه اشتباه نکرده باشم)

پشوند رو .PNG با مقدار کیفیت 90 تنظیم کنید این حالت بهریتن کار هست

استفاده از css هم همون مشکل کندی رو داره

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

post-109-0-35378100-1394878224_thumb.png

  • امتیاز 2
لینک به ارسال

بهترین کار اینه که برای سایتت موقع اپلود چند سایز مختلف ایحاد کنی برای اینکار کد زیر رو به توابع پوسته اضافه کنید. البته میتونید اندازه رو تغییر بدین


add_image_size('featured-post-thumbnail',430,280,true);

برای نمایش هم میتونید از این کد برای نمایش تصویر استفاده کنید


the_post_thumbnail('featured-post-thumbnail', array('class' => 'featured-post-thumbnail','title' =>'', 'alt' =>''));

  • امتیاز 3
لینک به ارسال

بهترین کار اینه که برای سایتت موقع اپلود چند سایز مختلف ایحاد کنی برای اینکار کد زیر رو به توابع پوسته اضافه کنید. البته میتونید اندازه رو تغییر بدین


add_image_size('featured-post-thumbnail',430,280,true);

برای نمایش هم میتونید از این کد برای نمایش تصویر استفاده کنید


the_post_thumbnail('featured-post-thumbnail', array('class' => 'featured-post-thumbnail','title' =>'', 'alt' =>''));

در حالت وارد کردن عکس در متن هم میشه از این کد استفاده کرد؟

ویرایش شده توسط مهدی
  • امتیاز 1
لینک به ارسال

در قسمت گذاشتن در نوشته احتمالا میتونید سایز رو انتخاب کنید. اگر هم نشه حتما راهی داره. توی وردپرس هیچ چیزی غیر ممکن نیست

  • امتیاز 1
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...