site

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

6 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

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

مثلا در سایت 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' =>''));

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

ویرایش شده در توسط مهدی

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری