How to Automatically Resize Images in WordPress when Uploading (WordPress Tutorial)
Vložit
- čas přidán 31. 07. 2024
- In this WordPress Tutorial, Learn how to Automatically Resize Images in WordPress when Uploading to your WordPress Media Library.
This is what happens after you set this up:
1. You upload a large image
2. Check in our library and it has been sized down and optimized for the web.
That's it! No further steps are required once you set up this plugin. It's made by the Shortpixel Image Optimizer team, specifically for WordPress image optimization and compression. Once installed and set up it will handle everything for you!
//RESOURCES
'Resize Image After Upload' WordPress Plugin:
sl.wordpress.org/plugins/resi...
-- ⚒ // TOOLS // ⚒ --
The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!
📺 USED FOR MY VIDEOS:
🔴 Camtasia (screen recording): creatorimpact.com/camtasia
📷 Camera - Canon Rebel T7i: amzn.to/3Qzsi28
🎙 Nicama Lavalier Mic: amzn.to/3BR5OW3
🎙 Audio-Technica Mic: amzn.to/3PivRbH
🖥 WEBSITE / WORDPRESS BLOGGING
🌍 WebHosting Siteground:creatorimpact.com/siteground
🔥 Divi WordPress Theme: creatorimpact.com/downloaddivi
⚙ All in One SEO Premium Plugin: creatorimpact.com/aioseo
📩 EMAIL NEWSLETTER:
📈ConvertKit: creatorimpact.com/convertkit
😍 DESIGN & PHOTO EDITING:
👁 Adobe Photoshop: creatorimpact.com/adobephotoshop
👁 Canva: creatorimpact.com/canva
👁 Penji Graphic Design Service: creatorimpact.com/penji
🔸 FREE CZcams Thumbnails PSDs: creatorimpact.com/free-youtub...
🔥 PREMIUM CZcams Thumbnails PSDs: creatorimpact.com/youtube-thu...
🔸 FREE Facebook Cover Images PSDs: creatorimpact.com/free-facebo...
🔥 PREMIUM Facebook Cover Images PSDs: creatorimpact.com/premium-fac...
FREE PHOTOS:
🔸 Unsplash: unsplash.com/
🔸 Pexels: www.pexels.com/
// LEARN MORE
🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:
creatorimpact.com/start-here/
// CREATOR IMPACT
🤘 Follow Creator Impact on Social Media!
🔗 Facebook: / creatorimpact
🔗 Instagram: / creatorimpact
🔗 Twitter: / creatorimpact - Jak na to + styl
No bullshit, quick and easy. Thank you!
Thank you! Glad I could be helpful :)
Good video, really helpful plugins.
Thanks Sonchoy. This has been awesome for me with clients who like to do their own updates as they always upload 2mb+ files. I thought you might find it handy :)
nice pal
Thank you!
This should be incredibly easy to do and i have no idea why it's not on wordpress. You shouldn't need plug ins...
Agreed!
Hi,
Times a question, I uploaded pictures and then reduced them in the post to 600x400 but now they are blurred, how to make smaller pictures that were large before still sharp?
Hk Yorick, id co sider going higher like 1200px, 600 is a bit low resolution. You can use the wordpress resizer for even smaller images if thats helps
Umm, I'm having a super hard time understanding how to reduce the file size of all my media. I also only want images that are 1024x576 on my website. However, when I use this tool and have those sizes in said plugin if I upload some media that is 1024x1024 it makes the size 576x576 which isn't what I want at all. I'm wanting to have the image automatically go to a 16:9 aspect ration however can't seem to figure out why this isn't working. I also set these sizes inside media under settings for large size, medium size and thumbnail size. I'm not sure what I'm doing wrong here?
Oh, it doesn't auto crop just resizes at the same aspect ratio. You can crop manually by editing the image in WordPress tho
What size do you recommend for blog post and blog post thumb nail? This is where I am struggling with.
Depends on the website design. But if the image is small, maybe 300 x 300 for a thumbnail? Blog image up to 1200px wide as most sites arent wider than that.
my photos that are already in My Media didn't resize, only the images that I upload after adding this plugin seem to be optimized. Is there any way to have it edit all the photos already uploaded without me having to re upload them all?
I dont think this plugin does that, but i know theres another out there that does, i think possibly wp smush. Im not sure off the top of my head sorry
How can I resize all uploaded feature images to the same size by css or plug in?
There is a media sizes plugin out there. Maybe it's time I did a video for that..
I used to use this plugin: wordpress.org/plugins/simple-image-sizes/
However it hasnt been updated for some time.
So thanks for your reply. I try your suggestion
After we resize the photo using the plugin, do we have to compress it?
It does compress the omage it for you.so you shouldnt have to :) if you go i to settings the compression option is in there
My question is this plugin resize the images that are already uploaded in WordPress library
I think you can do that (I'd have to check) but in the video, the way i set it up, it doesnt touch existing images.
how can i Resize existing Images in WordPress plese reply 😐
The feature isnt flawless but it works in most cases..i made a video on it: czcams.com/video/9CJ_QWJsBOo/video.html
hi
I have this problem
image not showing (or incorrect) when sharing url on facebook
I would consider adding yoast or all in one seo to add open graph meta data (video for aioseo: czcams.com/video/sWdz-54croc/video.html )
Also you can try Facebook's debugger to rescrape the link afterward to crrect the preview image: czcams.com/video/xIod0e3vf-Y/video.html
However, this isn't 100% bullet proof, just the most likely solution I can offer. I hope it helps!
@@WadeMcMaster I have this problem only on facebook
I'm using Rank Math
@@aichatnaaichatna2018 That sucks, Facebook can be a dodgy at times. So you've set up OpenGraph data with a default thumbnail on Rank Math? I haven't used Rank math yet so I'm probably not going to be of huge help. Maybe you can find an answer here: support.rankmath.com/ticket/open-graph-image-not-working-2/
But Opengraph specifically would be what I'd be testing, try changing settings and rescraping using the Facebook debugger I linked too above. Also, maybe there's a plugin conflict, so you could try turning off certain plugins quickly and temporarily to try while they are off. There is a link to plugins that conflict on the link above too.
Also, if you can check the page code (right click - View Source) look fo rthe OPenGraph Tags to make sure they're on the page. It will look like the following:
What about for videos?
Sorry I don't know of any software that handles videos that way
OK, thanks for replying