How to Optimize Images for Web Performance without Losing Quality

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024

ความคิดเห็น • 111

  • @user-fd2gg1xk4u
    @user-fd2gg1xk4u 11 หลายเดือนก่อน

    Either I must be getting smarter or this was an excellent video. Most videos on all things "Wordpress Website Building" are so confusing to even the most intelligent person. This video is a great example that it is possible to provide a simple, easy-to-follow video for the rest of us! Much appreciated!!!!!

    • @wpbeginner
      @wpbeginner  11 หลายเดือนก่อน

      Glad to hear our guide was helpful!

  • @milangerloff5252
    @milangerloff5252 2 ปีที่แล้ว

    your channel should be the defecto channel for anyone who wants to start working on Wordpress
    great tutorials

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Glad you think so!

  • @yahyazitane3785
    @yahyazitane3785 2 ปีที่แล้ว +1

    I personally think that the WebP format is way better

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Thank you for sharing your opinion :)

  • @casa_anguiano
    @casa_anguiano 3 ปีที่แล้ว +1

    THANK YOU SOOOOOO MUCH for this video! sooo helpful! exactly what I needed and you explained it so well for a beginner!

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      Glad it was helpful!

  • @Sunset924
    @Sunset924 3 ปีที่แล้ว +1

    Great video! Thanks so much, it was EXACTLY the info I was looking for

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      Glad it was helpful!

  • @bilaledu9206
    @bilaledu9206 2 ปีที่แล้ว

    This is a very helpful and amazing video. Thank you for such great help! Keep it up! 🙌

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว +1

      Glad it was helpful!

  • @MakakaOrg
    @MakakaOrg 4 ปีที่แล้ว +1

    Hi, what is recommended in 2020 sizes in WordPress Media Settings considering Gutenberg?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      As with this video, the recommended sizes are dependent on your specific theme :)

    • @MakakaOrg
      @MakakaOrg 4 ปีที่แล้ว +1

      ​@@wpbeginner ​ my theme (Jannah) uses separate own sizes. I dived in topic a little more.
      So WP default sizes is 150x150 (cropped to square) - small, 300x300 - medium, 1024x2014 - large. Plus 768x0 - medium_large.
      WP 5.3 & Gutenberg changes algorithm (with "srcset" attribute) of showing images & adds support for medium_large_2x - 1536 & large_2x - 2048. And originals are cropped by default to 2560.
      So this great topic for your new video.
      Links:
      make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/
      rapidgator.net/file/a23e7ca94bc540dc8a1b38ff97f1bbdf/AR_Survival_Shooter_FPS_with_Augmented_Reality_AR_Shooter_v2.3.unitypackage.html
      wpo.plus/wordpress/large-image-sizes/

  • @dunlopfamjam158
    @dunlopfamjam158 2 ปีที่แล้ว

    great explanation! worked perfectly for us.

  • @MrSondre198
    @MrSondre198 3 ปีที่แล้ว

    Thank you for the help! My website runs like a dream now :)

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      Glad we could help :)

  • @bekordigital
    @bekordigital ปีที่แล้ว

    Amazing! Thank you for making this video

    • @wpbeginner
      @wpbeginner  ปีที่แล้ว

      Glad you found it helpful!

  • @rishabhkashyap619
    @rishabhkashyap619 4 ปีที่แล้ว +1

    I am using bright writing (child theme) from elegant writing superb theme.
    Can you please tell what size max and min for my theme.
    I am not able to find that.

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      You would need to reach out to the support for your specific theme and they would be the ones who have that information.

  • @astraeabeauty1957
    @astraeabeauty1957 2 ปีที่แล้ว

    Fantastic video, thank you for making it!!! 🙏🏾

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Glad you enjoyed it!

  • @juliaciaccio6854
    @juliaciaccio6854 2 ปีที่แล้ว

    Great! Thanks for explaining it step by step!

  • @Buzca
    @Buzca 3 ปีที่แล้ว

    Amazing video. Just what I needed. Thank you!

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      Glad it was helpful!

  • @lindseyvagnini1568
    @lindseyvagnini1568 2 ปีที่แล้ว

    Great video and very informative! Thank you!

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Glad it was helpful!

  • @beyoutifulportraits
    @beyoutifulportraits ปีที่แล้ว

    Thanks so much! Do I need to delete and re-upload existing images on my website? Will I loose SEO rankings? I'm a photographer so I have a lot of images. They are all sized web size but not compressed, so I think I would gain a lot of loading speed.

    • @wpbeginner
      @wpbeginner  ปีที่แล้ว +1

      If you use an optimization plugin then you do not need to re-upload the images. Unless we hear otherwise, you should not see a negative effect on your SEO

    • @beyoutifulportraits
      @beyoutifulportraits ปีที่แล้ว

      @@wpbeginner Thanks!!!

  • @shaofu424
    @shaofu424 4 ปีที่แล้ว +1

    thank you so much for this
    knowledgeable, clear and concise
    good work
    be safe, be happy, work hard
    peace \m/

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      Thanks, glad you liked our guide :)

  • @icantexplainmyfeetjuliecon3522
    @icantexplainmyfeetjuliecon3522 2 ปีที่แล้ว

    I'm currently using wp slush as i got a message from siteground saying i had used over 80% of data. Was surprised as i post a monthly blog about walking and upload maybe 5-10 pics a month. Ok i have been doing for 10 years so that adds up but will keep you posted as i painfully have to go into each picture and compress. Another subject i need help with is in wordpress there is the option to batch delete 'unattached' pictures but when i checked some pictures they said were unattached were actually used in posts. has anyone else come across this?

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      For cleaning up you media library we would recommend taking a look at our article below:
      www.wpbeginner.com/plugins/how-to-clean-up-your-wordpress-media-library/

  • @davewettlaufer7885
    @davewettlaufer7885 2 ปีที่แล้ว

    that was informative and interesting thank you for taking the time

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Glad it was helpful!

  • @deborah2664
    @deborah2664 ปีที่แล้ว

    Thank you. How do I know what to resize my images to?

    • @wpbeginner
      @wpbeginner  ปีที่แล้ว

      It would depend on your specific theme for the image size as that would determine the size of your images.

  • @maxinef6654
    @maxinef6654 2 ปีที่แล้ว

    Why do we have to compress the photos after we resize them?

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว +1

      Resizing the photo makes the width and height what your theme wants while compressing the image makes the image file size smaller which makes it load faster.

  • @BrickTamlandOfficial
    @BrickTamlandOfficial 4 ปีที่แล้ว

    why is the page size only 2.5MB when you uploaded 6 images that were like 5MB thats like 30MB does wordpress compress images on the site automatically? would it be better to turn that off and use webp instead to compress everything?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      WordPress has a small level of image compression for safety as well as there are different image sizes that themes create if the images are not the correct size for the design. You do not need to disable it and most users shouldn't need to worry about it

  • @carlosalvarez7463
    @carlosalvarez7463 4 ปีที่แล้ว

    I assume that when an image is compressed also losses quality and it could become a bit blurry for the viewer. Am I right?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว +1

      That is one possibility that can happen yes

  • @marksin515
    @marksin515 2 ปีที่แล้ว

    Quite helpful and educational for this new WP site owner. I've seen a couple of your videos so far, and get a lot from your approach to the topics you present. Thanks!

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      Glad our guides are helpful :)

  • @JarlErikStoresund
    @JarlErikStoresund ปีที่แล้ว

    Why are you saying MB when it says KB and Vice Verca? (`and now were at over 2,5 KB` - Screen says 2,5 MB)

    • @wpbeginner
      @wpbeginner  ปีที่แล้ว

      1MB is 1000KB for why we're saying the sizes :)

    • @JarlErikStoresund
      @JarlErikStoresund ปีที่แล้ว

      @@wpbeginner I know but then does it say 2,5KB not MB?

  • @amymarschak
    @amymarschak 3 ปีที่แล้ว

    I am using photoshop cs4 (old school) but when I save as jpg which compression between 1 to 12 should I use?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      That would depend on testing and what you prefer, you can start at 10 and change the number based on your preference of the results.

  • @alessandroabbati997
    @alessandroabbati997 3 ปีที่แล้ว +1

    great video! What's the ideal size and compression for an image to upload on WordPress for a blog?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว +2

      There are a few variations depending on the image, we would recommend taking a look at the written guide below:
      www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/

  • @kasunsamaranayake9172
    @kasunsamaranayake9172 3 ปีที่แล้ว

    I need help, cannot give full width for my homepage image and if i do like that cannot visible my header and footer section.i am using elemontor free library page .what will i do?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      We would first recommend reaching out to the support for your specific theme to see if that is a built-in option.

    • @kasunsamaranayake9172
      @kasunsamaranayake9172 3 ปีที่แล้ว

      @@wpbeginner i am using astra theme

  • @daniela10
    @daniela10 4 ปีที่แล้ว

    Hey thanks for the video . I’m using smush , tinypng and also save for web via photoshop . I think I overdo my compression. But my photos are compreesed from 7MB to 470kb is that enough? How would I know what is the best size for my theme? Thank you

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว +1

      The exact amount of compression would depend on your personal preference more than a best case. Normally the answer is as compressed as you feel you can make it

  • @philmininni5981
    @philmininni5981 4 ปีที่แล้ว

    I am the webmaster for a photo club. We highlight photos, and I have resized most of our posted photos. We normally have an annual photo contest where our pictures are printed out and displayed at a local college. They are judged and awards handed out. Now because of the present conditions I am proposing to do the contest online and give access to a judge to our the site. I want to display whatever the entrants send me. Large or other file sizes. My question is to limit the kind of access the judge would have? Any suggestions?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      It would depend on what you are wanting to show them but you could create or modify a user role for them to use following our guide here:
      www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/

  • @briannafisher5355
    @briannafisher5355 3 ปีที่แล้ว

    Hi there! I've been trying what you suggested but my photos still come out blurry. What should I do?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      If you are uploading the images in the sizes that your theme is wanting then you could try disabling the image compression following our guide below:
      www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

  • @ZorbaPress
    @ZorbaPress 3 ปีที่แล้ว

    What about the dpi (or ppi) of the images -- what is the ideal ppi for each image ?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว +1

      The DPI is for printing and not something you should worry about for optimizing the images for your website.

  • @howtotechniques4191
    @howtotechniques4191 4 ปีที่แล้ว

    Images dragging down wp speed is the biggest headache I've dealt on blogs. Thanks for the tips!

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      You're welcome :)

  • @JatinP10
    @JatinP10 2 ปีที่แล้ว

    What if we are using images url and pasting them in our website?

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      It sounds like you're embedding images in which case you would not have control over the size of the images unless you import them to your site.

    • @JatinP10
      @JatinP10 2 ปีที่แล้ว

      @@wpbeginner Thank you very much ma'am!

  • @yatharthkakrana8690
    @yatharthkakrana8690 4 ปีที่แล้ว

    Hi, my image looks just as fine on windows, but they tend to pixelate on android. How can I change that?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      You would want to reach out to your theme's support to see if there is a mobile specific version of the image being created of the wrong size.

  • @bdavid3
    @bdavid3 3 ปีที่แล้ว

    Hi! Let me ask you about dpi. What is the ideal value to save the pictures?

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      You wouldn't want to worry about DPI for images on the web, DPI is a setting for printing images

  • @RohanGillett
    @RohanGillett 2 ปีที่แล้ว

    Hi! A very nice video. I have a problem. When I look at my pics in Adobe Lightroom they look great of course. If I upload them to a Squarespace site, they look equally good. But if I load them to my WordPress site, they lose some sharpness. Any idea how to fix this? Hopefully, I didn't miss a key point in your video.

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว +1

      That would be due to the image compression, you can disable the image compression following our guide below:
      www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

    • @RohanGillett
      @RohanGillett 2 ปีที่แล้ว

      @@wpbeginner Thanks for the help. I have one more question before I do this. Currently, I have the Astra theme installed on my site. If I put the code in, will it have any conflict?

  • @MohsinAli-dx2cr
    @MohsinAli-dx2cr 4 ปีที่แล้ว

    There are 500+ images on my website. I only use some of them in pages and other lies in wp media library. Do we need to optimize unattached images?

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว +1

      It would be good to do so to reduce the amount of storage used for your site.

    • @MohsinAli-dx2cr
      @MohsinAli-dx2cr 4 ปีที่แล้ว

      @@wpbeginner Thanx. I learned lot of knowledge from your blog and this channel.

  • @sungkyulkim2485
    @sungkyulkim2485 4 ปีที่แล้ว

    I need to work on image sizes for my website! Thanks!

  • @vanclanfam
    @vanclanfam 2 ปีที่แล้ว

    Thanks for the great video. Do you need to resize your images before compressing them?

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      If possible, you would want to size the image to the size your theme would want but it is not a requirement.

    • @vanclanfam
      @vanclanfam 2 ปีที่แล้ว

      @@wpbeginner Thanks! How do you know what size your theme wants?

  • @zachariaszach8716
    @zachariaszach8716 ปีที่แล้ว

    Perfect!

  • @christinas69
    @christinas69 3 ปีที่แล้ว

    Excellent!!! Thanks!

  • @jaycetrishballe8553
    @jaycetrishballe8553 3 ปีที่แล้ว

    Subscribed!!!!

  • @Bikepacking
    @Bikepacking 3 ปีที่แล้ว

    any one find her link for those plugins ????

    • @wpbeginner
      @wpbeginner  3 ปีที่แล้ว

      You may want to click the Show More button in the description :)

  • @silverhermes
    @silverhermes 3 ปีที่แล้ว

    Thank you soooo much :)

  • @funtimes8048
    @funtimes8048 4 ปีที่แล้ว

    Hi l need a plugin which people can track by gps

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      It sounds like you want a geolocation plugin, you may want to look into Google Analytics/MonsterInsights for your audience information. Other than that it would depend on your needs.

  • @Rahul_Seth
    @Rahul_Seth 4 ปีที่แล้ว

    Please upload security related issues in WordPress

    • @wpbeginner
      @wpbeginner  4 ปีที่แล้ว

      Thank you for your recommendation for future videos

  • @icantexplainmyfeetjuliecon3522
    @icantexplainmyfeetjuliecon3522 2 ปีที่แล้ว

    i must say that reSmush is slow. it has taking over 10 minutes to compress 6 images and there are 576 of them. Again i don't think that is massive . There were over a 1000 originally and i managed to delete all the duplicates and non used pics. oh well i will do some yoga in a bit while it's getting on wtih the job.

    • @wpbeginner
      @wpbeginner  2 ปีที่แล้ว

      The process is normally slow to prevent it from using too many of your server's resources. :)