How To Optimize Images For Web Performance Without Losing Quality
Vložit
- čas přidán 7. 09. 2024
- How To Optimize Images For Web Performance Without Losing Quality? The ULTIMATE GUIDE. That's precisely what I'll be showing you today : with free and premium resources.
TOOLS I LOVE:
- Elementor Pro (affiliate): kaycinho.com/e...
- Astra Pro (affiliate): kaycinho.com/a...
- Crocoblock (affiliate): kaycinho.com/c...
- Wirementor (my own tool): kaycinho.com/w...
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/w...
- A2 Hosting (affiliate): kaycinho.com/a...
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/s...
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/r...
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/b...
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#webdesign #imageoptimization #corevitals
And here is how I organize all files for a website project: czcams.com/video/jGftqej34v8/video.html
is 461KB too big for the web. I did as you did step by step my image was 6mb to start
Finally, someone answers why my images are blurry. Respect. And a big THANK YOU for sharing !!!
My pleasure!
Finally, someone came from the skies and got us a proper solution for image optimization! Thank you so much!
Glad it helped!
I have been looking everywhere for something like this!! Earned yourself a subscriber... Keep it coming man!
Thanks for the lesson. I am noob and have struggled with out of control images. There will be no stopping me know!😍
man! That was exactly what I was searching the whole Internet for it !!! thank you, man. wish I could like it more than once!
Glad I could help!
Thank you so much for this tutorial. Really game changer.
My pleasure!
I was waiting to comment about Photopea, but you addressed it at the end! Excellent tutorial!
Thanks for watching! Yes Photopea is an awesome free option :)
Thanks for this fantastic Video, I Have a traveling website, and I needed help with the size of my photos. After watching this Video, my website is a rocket 🚀
i wonder why not go directly to squoosh instead of photoshop
Photoshop has a button I created to do all this in one click😅 thanks for sharing tho I appreciate hearing new options!
What about if I just need to resize the image pixels? example original 2000x1080 target 1000x1000?
Thank you! a little help can go a long way. keep it up brother.
Glad it helped
No doubt that this video is awesome. I had been waiting for this.. Great Content
Glad it helped :)
My man! you are awesome!
I just found your videos and was searching on everything. Thanks for making these videos
is there a mode in photoshop where you can edit a photo without a canvas. I can understand why you would want a canvas if you are working with multiple layers, but for just resizing it's such a pain. anyways..what are your thoughts on using apple preview to resize?
You're a lifesaver Kaycinho! 👍
This is a fantastic demonstration. Thank you for this!
Hey Kaycinho, this has been helpful. Thanks a lot
Great video! Thanks.
Glad you liked it!
Hi can you help im a photographer and uploading some of my photos to my website, id like them to look good on a 4k monitor but dont want people to be able to print them, so could i upload them at 3500 pixels wide at 1 dpi and compress to 800kb. will this make it impossible to print. when i test this and then copy the image and check the details it seemd to show them at 96 dpi. having trouble finding the best solution to have good quality on 4k monitor but protect them for being printed. Thanks in advance
AMAZING!! Thank you so much!!
You're so welcome!
I'm trying to follow the steps for Photopea and the software is not performing how you show it in your video. I opened my image, copied it, then selected File-New and set the sizing as you stated.... then when I try to paste, there is no option to paste. I went back to the original image and copied it again, and tried to paste it into the New Project..... again, no option to paste. Your instructions don't match the software's features and functionality.
Very very helpful tutorial. Really loved it.
Glad it helped!
That was an awesome help!! Thank you so much. Glad to find this video. I have a question tho. Do you still use compression plug-ins like Smush or Optimole even after converting images to webp? Or this is already good?
My pleasure. The only thing I use after converting to web is Wp-Rocket for caching 😉
@@KayCinho I see, thank you for the response. Truly appreciated 💝
Look Cool Sir, Thank for your sharing.
Photopea seems to handle color more like the original image than Affinity or Photoshop.
True! I guess playing with the color profiles should help, but out of the box Photopea does a good job.
Hello there, I have a question how you can export the file if I need a transparent one? Should it be PNG?
Thank you 😊
Hey, Kaycinho, this tutorial video is incredible. But when I used Photopea to edit images exactly as you did, after I entered the digits and clicked "creat", there's nothing happened. Could you please tell me where I went wrong?
you are a life saver. thanks man
My pleasure!
Can you use the same method for Facebook and Instagram
thanks dude !
What kb is ideal for website photos?
As small as you can while keeping good quality. Usually I get between 80kb and 300kb depending on the complexity of the image.
Images with foliage are the hardest to deal with.
Awesome! Thankssss brooo
DPI setting is completely meaningless for digital images for the web
Amazing boss😘😘
Thanks 🤗
awesome, thanks
Thank you !!!!
Hi.....how to zoom out
Do we use 2560x1706 for every image? What about png images which have transparent background?
You should avoid transparency on large images. PNG is rather used for small images layered over the background.
Heroo!!!!
my image still blurry help
Take better photos
ffmpeg?
Not at all clear. When people are unfamiliar with technology, you've got to specify every single step. Assume your audience knows basically nothing. "I'm going to do X. I'm going to do Y." ???? How exactly are you doing X and Y? What tools are you using? You've got to spell it out, man.
I've just purchased this software on your recommendation and you're blowing right past things. Nightmare.
Thanks!