رفتن به مطلب

مشکل با 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 ها هم میتونی سایز دلخواتو بدی

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

لینک به ارسال

سلام

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

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

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

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

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

لینک به ارسال

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


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

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


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

لینک به ارسال

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


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

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


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

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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...