Görüntüleri Kaliteden Ödün Vermeden Web Performansı İçin Optimize Etme

122 yorumBir Cevap Bırakın

1. Syed Balkhi says

   Tem 4, 2024 2:24 pm'de

   Hey WPBeginner readers,
   Did you know you can win exciting prizes by commenting on WPBeginner?
   Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
   You can get more details about the contest from here.
   Start sharing your thoughts below to stand a chance to win!

2. Diane Talbotier says

   Ağu 26, 2020 12:04 am'de

   Hi, does resizing mean changing the size of the images as they are shown on the website, or resizing the size of the file , please?
   And how do I know what is the optimal size?

   Yanıtla

   • WPBeginner Support says

     Ağu 26, 2020 11:24 am'de

     It would depend on what you mean, for compression in this guide, it is the size for the file. You can also reduce the width and height of an image if it is too large. Your specific theme would determine the specific image size you want to use.

     Yanıtla

     Yönetici

3. Terri says

   May 25, 2020 9:46 am'de

   You mentioned in your optimise example that your original photo was 300dpi, then you optimised it to a smaller file size. But you did not say what the target dpi was. Is it 72 for web? Or higher? Thanks for the informative article.

   Yanıtla

   • WPBeginner Support says

     May 27, 2020 8:56 am'de

     That would depend on your personal preference and how large you are wanting/needing the images to be.

     Yanıtla

     Yönetici

4. Romel says

   May 15, 2020 8:07 am'de

   thanks a lot it cleared a lot of doubts.

   Yanıtla

   • WPBeginner Support says

     May 15, 2020 8:56 am'de

     Glad our article was helpful

     Yanıtla

     Yönetici

5. Odenyi Emmanuel Chidera says

   May 12, 2020 2:02 am'de

   What I like most about wpbeginner is how they will give you information on what to implement on your own site but also tell you what they are using on their own site. It really helps me decide faster. Learning from a master is always easier. Thanks.

   Yanıtla

   • WPBeginner Support says

     May 12, 2020 11:15 am'de

     You’re welcome, glad you like our content

     Yanıtla

     Yönetici

6. Luz Manalo-Cruz says

   Nis 5, 2020 11:51 pm'de

   I’ve compressed images via TinyPNG and tried to replace the heavier images on my site with these (ie. I deleted the heavy photos and uploaded the compressed ones). However the media library is still uploading the old heavier images. Does that mean that I can’t replace the old images already uploaded? Will it only upload the compressed images that have not been uploaded at all?

   Yanıtla

   • WPBeginner Support says

     Nis 6, 2020 3:04 pm'de

     If you are replacing the heavier images, you would want to ensure you don’t have caching on your site that is showing the old image and when you upload the new image that you are uploading the correct image.

     Yanıtla

     Yönetici

7. Giovanna says

   Eki 23, 2019 7:49 pm'de

   Thanks for the informative article, Syed.

   Moving forward I am going to make sure to always use optimized images. Do you recommend I go back to already published posts and replace my images with optimized ones?

   Yanıtla

   • WPBeginner Support says

     Eki 24, 2019 10:28 am'de

     If possible we would recommend updating your older images, the plugins we recommended should handle that for you

     Yanıtla

     Yönetici

8. Percy Young says

   Eki 23, 2019 5:38 pm'de

   Thank you for your post. many nice tools. I wonder if theres any thing to be done to rezize images that have been previously uploaded, and how to delete images the worpress is not using any more.

   Yanıtla

   • WPBeginner Support says

     Eki 24, 2019 10:14 am'de

     If you need to generate new images you could follow our guide here:
     https://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/

     For removing the extra images there are media cleanup plugins that you are able to use

     Yanıtla

     Yönetici

9. WPBeginner Support says

   Eki 23, 2019 9:44 am'de

   Glad you’ll use our recommendations

   Yanıtla

   Yönetici

10. Dr Amandeep Sandhu says

    Eki 23, 2019 7:28 am'de

    Thanks for sharing such ideas….!

    Yanıtla

    • WPBeginner Support says

      Eki 23, 2019 9:45 am'de

      You’re welcome, thanks for reading our articles

      Yanıtla

      Yönetici

11. İbrahim BOZKURT says

    Eki 23, 2019 4:02 am'de

    I’m a WordPress developer. I am writing from Turkey.
    Very difficult to find quality WordPress resources.
    I discovered you. I didn’t know English but learned English. Thanks to you everything.

    Yanıtla

    • WPBeginner Support says

      Eki 23, 2019 10:00 am'de

      Thank you for reading our articles and congratulations on learning a new language

      Yanıtla

      Yönetici

12. Felipe Adan Lerma says

    Eki 22, 2019 11:53 am'de

    Hi, it seems maybe WordPress has incorporated some of this into its current image upload process, at least in the Premium bracket?

    I ask cause I now get the option to choose the actual size or something larger or smaller?

    Or is that process not an optimization / reduction in size of the image?

    Thanks so much! Very important useful topic.

    Adan

    Yanıtla

    • WPBeginner Support says

      Eki 23, 2019 9:40 am'de

      It sounds like you may be talking about WordPress.com and they have custom plugins setup for sites on their service

      Yanıtla

      Yönetici

      • Felipe Adan Lerma says

        Eki 23, 2019 8:18 pm'de

        Ahhh, yes, I forget the two WP’s differ, sorry. I’m still trying to figure out how to work where I am w/WP & it’s definitely via their .com sites. Thank so much then, WP – Adan

        Yanıtla

        • WPBeginner Support says

          Eki 24, 2019 10:17 am'de

          No worries, should it help we have our article listing the differences here:
          https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/

13. Anna says

    Eki 22, 2019 10:04 am'de

    Very helpful info!! I was just researching how to do this when your email came through! Saved em time and effort and had just the advice I was looking for.

    Yanıtla

    • WPBeginner Support says

      Eki 22, 2019 10:13 am'de

      Glad our guide and newsletter could be helpful

      Yanıtla

      Yönetici

14. Lindsay says

    Haz 7, 2019 8:48 pm'de

    When saving on photoshop what width do you suggest for optimum web performance?
    My theme is saving 1600×1050 for optimum header but what should I do for the body images. Theme designer doesn’t have a recommendation.

    Yanıtla

    • WPBeginner Support says

      Haz 10, 2019 11:45 am'de

      If you’re going through the other steps in this article then the image size would be what would fit your content’s dimensions best so WordPress wouldn’t need to resize the image.

      Yanıtla

      Yönetici

15. edccde says

    Nis 9, 2019 12:36 pm'de

    Please update that youtube video.First of all Jpegmini isn’t a web app and it is a software which i have to install in my pc.

    Yanıtla

    • WPBeginner Support says

      Nis 10, 2019 11:14 am'de

      Thank you for letting us know about the video, we’ll certainly look into updating the video

      Yanıtla

      Yönetici

16. Jackie says

    Eki 24, 2018 2:02 pm'de

    Is there way to compress images already uploaded to wordpress? Or do I need to compress all my images and then reupload into WP? THanks in advance for the advices.

    Yanıtla

17. Irina says

    Şub 23, 2018 3:07 pm'de

    Hi,
    Need an advice: I need to upload Low res and Hi-res images (1200pix at 300dpi) so my customers can download them. I have no questions about LR image optimization. How can I save hi-res images? The size is up to 2 MB. I have hundreds of thousands of images…

    Yanıtla

18. Ratan Kumar says

    Eyl 14, 2017 11:00 am'de

    This post is awesome and really add value to my site. However, I recently tried to save images from flipkart but it saved in very low pixel format. Wondering if you can help me to figure out on how to do that.

    Yanıtla

19. Ray says

    Ağu 18, 2017 9:46 am'de

    I already bulk uploaded 1500 product images that were connected to image urls I found on the internet.

    Now that I have those 1500 images already in my Media Library, how can I go back and resize and compress them?

    Also, I’m confused about whether resizing means changing the size of the images as they are shown on the website, or resizing the size of the file.

    Thanks!

    Yanıtla

20. Sara Lewis says

    Tem 18, 2017 1:50 pm'de

    what about the plugin ewww image optimizer?

    Yanıtla

    • WPBeginner Support says

      Tem 18, 2017 8:02 pm'de

      Hey Sara,

      Yes its a good alternative. However, for better results we would still recommend optimizing images in your image editing program before uploading to WordPress.

      Yanıtla

      Yönetici

21. Donna says

    Tem 11, 2017 7:10 pm'de

    I will be travelling to a place where internet connectivity is limited and expensive. So, I want to reduce the file size of my photos before I go online to upload them to my blog. Can someone please recommend for me what resolution and dpi would be good to use? The app I am planning to use asks for three measurements:
    resolution – from 200 to 2048
    DPI – from 72×72 to 300×300
    jpeg quality (compression level) – from 0.00 to 1.00

    Yanıtla

22. Carrie says

    Ara 6, 2016 9:40 am'de

    In the video she changes her pic. I understand the screen in PS. But you have not explained what should the width and height be in pixels for WP the limit is 2mb. What would be a good standard for sliders, etc for a wp site?

    Yanıtla

23. Carrie says

    Eyl 7, 2016 8:56 am'de

    Sorry for being the dunce in the corner, but could someone please clarify one thing? I installed the WP Smush it plugin and have been slowly working through all the photos I’ve uploaded to my site for the last 2 years. I’m doing 50 at a time, the free limit. However, now that I have the plugin, for future photo uploads, does having it mean I don’t have to use any other program to resize my photos before uploading them to my WP site? If I have an 8 MB photo and upload it to my site, the plugin does everything for me? I just want to confirm that the original photo is not still uploaded and saved to my host server, SiteGround. My site is wicked slow, I’ve run tons of diagnostics, and I still can’t figure out why except that everything points to my photos. Thanks!

    Yanıtla

    • Tony Squibb says

      Ara 30, 2016 2:55 am'de

      Hi Carrie, I’m defo not an expert in any way but I do have experience with WP Smush it and yes, future uploads should be auto ‘smushed’. There is a little notification in the media gallery as you do so.

      To check the causes of your slow site you can use GTmetrix and then open the waterfall page where it will show the times of the individual pages items loading. Once you know what is the problem you can then address it.

      I hope that helps from one ‘dunce’ to another

      Yanıtla

      • Carrie says

        Oca 2, 2017 5:46 am'de

        Hi Tony,

        Thanks for weighing in! Unfortunately I uninstalled WP Smush and tried EWWW Image Optimizer along with the Thumbnail Regerate plugin (based on another bloggers suggestion) and royally messed up the photos on my site. I’m a newb with regards to how to manage my files through the FTP on my web host, so I ended up deleting a bunch of images (as in hundreds) and re-uploading them after resizing them manually in an image program. Turns out that too was a bad idea. Now I have a bunch of error messages when I render my site in my Google Console because when Google crawls my site, those files are now gone or moved. AGH! I’m on the verge of simply paying someone to revamp my site or quitting altogether. But I really appreciate that you took the time to leave a helpful comment.

        Happy New Year! May 2017 be better than 2016.

        Yanıtla

24. Jeff says

    Şub 29, 2016 3:22 pm'de

    hi

    Best Image Optimization Plugins for WordPress Site Which is?

    Yanıtla

25. Gagan says

    Kas 8, 2015 12:00 pm'de

    I was thinking what if i upload my Images to Google Blogger and use them on my wordpress Site by “Insert From URL” option?
    Any suggestion if this is a Good Idea or no?
    Thanks in advance

    Yanıtla

26. Zimbrul says

    Ağu 3, 2015 11:15 am'de

    I came back here as I’m looking for plugins that upload a large image as a optimised image straight to WordPress. I’m sure I’ve seen this somewhere here at WP Beginner but I cannot find it.

    Yanıtla

    • WPBeginner Support says

      Ağu 3, 2015 7:06 pm'de

      Please take a look at Optimizing images with WP Smush pros, cons, and alternatives.

      Yanıtla

      Yönetici

27. Jack says

    May 17, 2015 6:13 pm'de

    Photoshop is definitely the best one, for online services, kraken.io and resizeimage.net are good alternatives to tinypng.

    Yanıtla

28. tanveer says

    May 4, 2015 9:35 am'de

    is xnview a good option for compressing images?

    Yanıtla

    • WPBeginner Support says

      May 6, 2015 1:35 am'de

      We haven’t tried it.

      Yanıtla

      Yönetici

29. Larry Aldrich says

    Mar 20, 2015 10:36 am'de

    Someone mentioned RIOT in an earlier comment. It is my go-to app for minimizing images BEFORE you upload them. The compression rate is close to phenomenal. Sorry MAC users, but it’s only available for Windows.

    Yanıtla

30. Martin says

    Oca 29, 2015 3:37 am'de

    Hello WPBeginner,

    I would be very interested in the Windows version of Trimage you have apparently seen.

    On the Trimage homepage you just see a link asking for help with the windows port…

    Yanıtla

31. Greg says

    Mar 16, 2014 1:24 pm'de

    I have got used to using Fireworks even though I have CS3

    Yanıtla

    • Zimbrul says

      Ağu 3, 2015 11:12 am'de

      Me too. I use CSS4 and still go to Fireworks for image optimisation.

      Yanıtla

32. Marianne P. says

    Mar 7, 2014 8:55 am'de

    I just checked out the Trimage site and did not see the Windows version – just various *nix versions. Please point me in the right direction. Thanks so much – really great article!

    Yanıtla

33. Corinna says

    Mar 5, 2014 1:22 am'de

    I was wondering if there was any way of reducing the size of the images already uploaded to a site? I have changed the way I upload them so in future all my images will be smaller. But I thought maybe it would be useful to change the size of those already uploaded.

    Yanıtla

    • Julie Anglesey says

      Kas 24, 2014 8:50 am'de

      I would also like to know how to reduce the size of images already uploaded.

      Yanıtla

    • Zimbrul says

      Ağu 3, 2015 11:13 am'de

      It’s (or was) Smush-It.

      Yanıtla

34. Samiullah Khan says

    Şub 3, 2014 2:29 am'de

    Search the web too much to find good solution to optimize images; but most of them most of them doesn’t let’s see tools mentioned in this post work or not

    Yanıtla

35. Graham says

    Şub 2, 2014 8:42 am'de

    The article defines PNG as an uncompressed file format, but as far as I know, standard PNGs use lossless compression.
    And I think it would be helpful to mention why you might choose one format over another for continuous tone images (eg. a photo) vs. limited palette images (eg. a logo).

    Yanıtla

36. Rob Dewing says

    Oca 29, 2014 8:37 pm'de

    Why no mention of Photoshop Elements, the cut down home use version of Photoshop? It does 90+% of the things full phat Photoshop will do, including ‘save for web’ image compression, all for less than $100.

    Yanıtla

37. Ines says

    Oca 29, 2014 12:14 pm'de

    Would you recommend to use Flickr to upload your images and then copy the HTML code to your wordpress site? What would you suggest for travel blogs that contain lots of pictures? Thanks.

    Yanıtla

    • WPBeginner Support says

      Oca 29, 2014 8:51 pm'de

      You can add flickr photos in WordPress by simply pasting the photo URL in a post. Normally we would not recommend it, because people will be viewing and finding your photos on Flickr and may never even get a chance to visit your website. However, if you feel that building a community around your photos on flickr is more useful for you, then sure go ahead.

      Yanıtla

      Yönetici

38. Benjamin says

    Oca 29, 2014 6:30 am'de

    You could add kraken.io to your list. It does the same thing as Jpegmini but also works with PNG images.

    Yanıtla

39. Aurel says

    Oca 27, 2014 4:23 pm'de

    I am using RIOT, which is free, very fast and exelent program.

    Yanıtla

40. Debra Torres says

    Oca 27, 2014 12:38 pm'de

    I’ve been using the Yahoo Smush it tool at: http://www.smushit.com/ysmush.it/
    Would you recommend this one? Or are the others you mentioned better?

    Yanıtla

    • WPBeginner Support says

      Oca 27, 2014 2:06 pm'de

      Smushit is a great tool too. But try other tools we mentioned and compare the results.

      Yanıtla

      Yönetici

      • James DiGioia says

        Şub 25, 2014 11:07 am'de

        There is WordPress plugin for Smush.it:

        http://wordpress.org/plugins/wp-smushit/

        This makes it easier to compress images using Smush.it without having to prep them beforehand.

        Yanıtla

        • Youri van Dijk says

          Mar 26, 2014 8:00 am'de

          I was about to mention that plugin as well. I generally do save my images optimized myself, but for clients that are not very familiar with these tools installing the plugin is a huge benefit.

41. John Mauldin says

    Oca 27, 2014 10:16 am'de

    Your article is VERY timely. Just encountered the need to reduce hundreds of photos for a kitchen and bath showroom. Bought JPEGmini since I could only do 20 photos a day in the free version but $19.99 is nothing for the ability to drag and drop entire folders into the program and have it zip them in seconds/minutes. Thanks so much for the help!

    Yanıtla

42. Haseeb says

    Oca 27, 2014 9:53 am'de

    Isn’t there any automated way of doing this on wordpress? How about ‘WP Smush.it’ ?

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:13 am'de

      You can automate the process with some tools that we mentioned or using this plugin:

      http://wordpress.org/plugins/ewww-image-optimizer-cloud/

      But why create more server load when this can be resolved by educating the user.

      Yanıtla

      Yönetici

43. Marlene says

    Oca 27, 2014 9:52 am'de

    Great article, however I was under the impression that any images with text on them should be saved as PNG files for best sharpness….?

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:05 am'de

      PNG will definitely have a higher quality, but most folks won’t be able to tell the difference unless you put them side-by-side. If you can speed up your site with a non-noticeable difference, then why not

      Yanıtla

      Yönetici

44. Adam W. Warner says

    Oca 27, 2014 9:46 am'de

    Great article, and an important subject many WordPress admins miss.

    [Link Removed]

    Yanıtla

45. Lynn says

    Oca 27, 2014 9:35 am'de

    Lightroom has a number of presets for exporting to Facebook and Web – do those compress the photo files sufficiently or should I still turn to Photoshop?

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:07 am'de

      Not sure about lightroom and how it exports image. You can run a side-by-side test.

      Yanıtla

      Yönetici

    • Graham says

      Şub 2, 2014 8:30 am'de

      Lightroom will do pretty much the same job as Photoshop when exporting photos to JPEGs.

      Yanıtla

    • Bill Wells says

      May 20, 2015 7:53 pm'de

      Lightroom is the go-to for photographers; it allows you to optimise your photos in batches and then will export the batch to your preferred pixel size and compression in a number of formats, including jpeg. It also automatically adds your copyright message to the batch if you want.

      I don’t know about batch-processing in Photoshop but I use it for major image manipulation only.

      I guess if you’re doing graphics or heavy manipulation, use Photoshop but if you’re using lots of photos and just want them to look their best, use Lightroom.

      Yanıtla

46. Scott Wyden Kivowitz says

    Oca 27, 2014 9:22 am'de

    I’m a big advocate for many of the products you mentioned. Now I get to add this link to my resources for whenever customers ask me this exact question. Thanks Syed.

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:07 am'de

      You’re very welcome Scott.

      Yanıtla

      Yönetici

47. Dave Kulas says

    Oca 27, 2014 9:21 am'de

    If you are taking the pictures yourself for your website …. set your camera to take a picture at 800 x 600 and at less resolution. Some camera have a Good – Better – Best resolution setting … use the “GOOD” setting. . You should get an image that will load quickly.

    If you already have some images … take a look at for FREE … http://www.getpaint.net ….. I have been using it for years. I take the HUGE photos given to me by clients … then RE-SIZE them to 800 x 600. Then I use the built in compression tool to compress the image.

    Yanıtla

    • Steven Alig says

      Oca 29, 2014 7:38 pm'de

      I would not recommend taking low resolution photos.
      You will want to take your original photos at higher resolutions just in case you want to use them for something else. Plus if you take photos at a higher resolution, you will have the ability to crop in on an area if desired.
      If the photos are a lower resolution, you will not have that option and will be stuck with what you have taken as the original.

      Yanıtla

      • Mark Pridham says

        Şub 5, 2014 9:32 am'de

        I have to agree with Steven on this. I highly recommend taking high resolution images in your camera. You then have a large file that you can work with, It very easy to reduce file size from a hi-res image, but impossible to go the other way. By taking hi-res images, you also have the option of using them for print work if the need arises, Generally, I end up with the large, raw image, a cropped and retouched print image, and a smaller image for web-based work.

        Yanıtla

      • Michael Maye says

        May 4, 2015 12:12 pm'de

        I would agree too about taking full high resolution photos. Then resize down and compress for uploading to your website. You will always have the original high res photo for other uses.

        Yanıtla

48. Zimbrul says

    Oca 27, 2014 9:20 am'de

    I usually use Fireworks and then Tiny PNG if required.

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:08 am'de

      Yup that’s a good combination

      Yanıtla

      Yönetici

49. Geoffrey Gordon says

    Oca 27, 2014 8:51 am'de

    Great article Syed.

    However I really think that fireworks is the king when it comes to optimising images for the web and its a whole lot cheaper than Photoshop.

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 8:58 am'de

      Thanks Geoffrey. Yup I know Photoshop is expensive which is why I mentioned other free tools as well. GIMP and Fireworks both has this functionality.

      Yanıtla

      Yönetici

50. paul says

    Oca 27, 2014 8:42 am'de

    So I’ll just follow the options as seen on the image in this article’s Photoshop section and it’s all good?

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 8:58 am'de

      Yup, if you do that, then you will have probably one of the best performance results. However depending on an image, some might not look as good, so in those cases we try the Very High. Do it on case by case basis, but most images would be fine.

      Yanıtla

      Yönetici

51. Andrew Brown says

    Oca 27, 2014 8:15 am'de

    You discuss using Photoshop, which is way beyond most bloggers needs or price – why do you not refer to Lightroom, which also has an excellent image export option, including an option to restrict the max file size, as well as save by dimension or using a set dpi.

    Once some one knows the comp screens work at 72dpi, the rest becomes much easier, and it becomes amazing as to how easy it is to have a web template amongst the export options without needing any real in depth knowledge of what needs to be done.

    Yanıtla

    • Editorial Staff says

      Oca 27, 2014 10:11 am'de

      Andrew,

      Yes we understand that Photoshop is expensive which is why we mentioned several other free options. Just updated the article now to add a link to GIMP right below photoshop.

      As for Lightroom, didn’t mention it because we don’t use it. Same reason why Fireworks was left out.

      Yanıtla

      Yönetici