Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man die Größe von Bildern ändert und sie ohne Qualitätsverlust vergrößert

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Haben Sie schon einmal versucht, die Größe eines Bildes zu ändern, um es größer zu machen, und dabei die Bildqualität verloren?

Wenn Sie versuchen, ein Bild zu vergrößern, kann es unscharf und unprofessionell aussehen. Ein Bild besteht aus Tausenden von Pixeln, und wenn Sie es vergrößern, werden diese Pixel sichtbar. Das Ergebnis ist ein langweiliges und minderwertiges Bild.

In diesem Artikel zeigen wir Ihnen, wie Sie Bilder vergrößern können, ohne an Qualität zu verlieren.

Resize make images larger in WordPress

Warum verlieren Bilder bei der Vergrößerung an Qualität?

Ein Bitmap ist das am häufigsten verwendete Bildformat im Internet. Alle Ihre JPEG- und PNG-Dateien sind Bitmap-Bilddateien. Ein Bitmap-Bild besteht aus Tausenden von Pixeln. Wenn Sie das Bild vergrößern, können Sie diese Pixel tatsächlich als Quadrate sehen.

Pixel zoomed preview

Jedes dieser Pixel ist einer festen Position im Bild zugeordnet, daher der Name Bitmap.

Die meisten Bildbearbeitungsprogramme verkleinern oder vergrößern diese Pixel, um die Größe eines Bildes zu ändern. Wenn Sie ein Bild verkleinern, ist daher kein Qualitätsverlust sichtbar. Hauptsächlich, weil diese Pixel noch weniger sichtbar werden.

Wenn Sie hingegen die Größe eines Bildes in WordPress ändern, um es zu vergrößern, werden diese vergrößerten Pixel deutlicher sichtbar, so dass das Bild unscharf und pixelig aussieht.

Blurred zoomed image preview

Die Lösung besteht darin, jedes vergrößerte Pixel so zu kompensieren, dass es den Eigenschaften des nächstgelegenen Pixels entspricht. Diese Methode wird Fraktale Interpolation oder einfach Fraktale genannt. Sie führt zu einem viel besseren Ergebnis, wenn ein Bild mit dieser Technik vergrößert wird.

Schauen wir uns an, wie Sie die gängigsten Bildbearbeitungsprogramme für Ihre WordPress-Website verwenden können, um die Größe von Bildern zu ändern. Sie können die Links unten verwenden, um mit einem Klick zu jeder Methode zu springen.

Methode 1: Vergrößern von Bildern mit GIMP (kostenlos)

Gimp

GIMP ist eine kostenlose Alternative zu Premium-Tools wie Adobe Photoshop und Affinity Photo. Es kann auch verwendet werden, um Bilder mit minimalem Qualitätsverlust zu vergrößern. Wir sollten Sie jedoch warnen, dass das Ergebnis nicht so gut ist wie das von Perfect Resize, das wir Ihnen weiter unten in Methode 3 zeigen werden.

Zunächst müssen Sie die kostenlose Software herunterladen und auf Ihrem Computer installieren. Sie ist sowohl für Mac- als auch für Windows-Geräte verfügbar.

Danach öffnen Sie das Bild, dessen Größe Sie ändern möchten, in Gimp und gehen auf Bild “ Bild skalieren.

Click on scale image option

Geben Sie anschließend die Breite und Höhe ein, um die gewünschten Abmessungen festzulegen.

Wählen Sie nun im Abschnitt „Qualität“ die Interpolationsmethode „Kubisch“ und klicken Sie anschließend auf die Schaltfläche „Skalieren“.

Change scale image settings

Das war’s. Jetzt können Sie das vergrößerte Bild in verschiedenen Formaten exportieren, wie PNGm JPEG, HTML und mehr.

Methode 2: Vergrößern von Bildern mit Irfanview (kostenlos)

IrfanView

Irfanview ist ein kompaktes Fotobearbeitungsprogramm, das zudem kostenlos ist. Es ist nur für Windows-basierte Betriebssysteme verfügbar und bietet eine intelligentere Möglichkeit, die Größe von Bildern zu ändern und sie zu vergrößern.

Öffnen Sie einfach Ihr Bild in Irfanview und gehen Sie auf Bild “ Größe ändern/neu berechnen.

Resize images in IrfanView

Daraufhin wird das Popup-Fenster zur Größenänderung des Bildes angezeigt. Zunächst müssen Sie die gewünschte Bildgröße in das Feld „Neue Größe festlegen“ eingeben, indem Sie die Breite und Höhe festlegen.

Danach müssen Sie unter dem Abschnitt „Größenmethode“ die Option „Resample“ auswählen. Wählen Sie die Option „Lanczos (am langsamsten)“ aus dem Dropdown-Menü des Filters.

Aktivieren Sie abschließend das Kontrollkästchen „Scharfzeichnen nach Neuabtastung anwenden“ und klicken Sie auf „OK“, wenn Sie fertig sind.

Change resize image settings

Irfanview ändert nun die Größe des Bildes, das Sie dann auf Ihrem Computer speichern können.

Sie werden vielleicht feststellen, dass kostenlose Tools keine sehr gute Arbeit leisten, wenn es darum geht, ein Bild zu vergrößern. Durch Anpassen der Schärfe und des Bildkontrasts können Sie jedoch Bilder vergrößern und dabei den Qualitätsverlust minimieren.

Sie können aber auch ein hochwertiges Werkzeug verwenden, um sicherzustellen, dass das Bild bei der Vergrößerung scharf und klar bleibt.

Methode 3: Vergrößern von Bildern mit ON1 (Premium)

ON1 Resize AI

ON1 Resize AI, oder Perfect Resize, wie es früher hieß, ist eine Software, mit der Sie die Größe Ihrer Bilder auf intelligente Weise ändern können. Außerdem bietet es eine komplette Suite von Tools für die Bildbearbeitung.

Es ist sowohl als eigenständige Software als auch als Plugin für Adobe Photoshop, Lightroom, Capture One und Apple Photos erhältlich.

Die Software nutzt künstliche Intelligenz, um die hohe Auflösung Ihrer Bilder beizubehalten, auch wenn sie größer werden oder Sie einen bestimmten Bereich vergrößern möchten.

ON1 image resize settings

Die eigenständige Software ON1 Resize AL ist für $69,99 erhältlich.

Wir hoffen, dass Sie in diesem Artikel erfahren haben, wie Sie Bilder vergrößern können, ohne an Qualität zu verlieren. Vielleicht interessiert Sie auch unser Leitfaden zu WooCommerce leicht gemacht und zur Auswahl der besten Webdesign-Software.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

50 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    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. Shamsad says

    For anyone seeing this in 2022, the gimp solution worked for me. The Sinc(Lanczos3) got replaced by NoHalo. Using this and scaling, I got to resize my png.
    I always find quality solution in wpbeginner. Keep up the good work.

  3. Dorki3 says

    None of the above solutions helped me resize to the desired size and quality, i managed to resize the picture but the quality was very poor! thank you for the effort tho! found some nice picture software!

    • WPBeginner Support says

      Sorry that you couldn’t solve the issue on your end but glad you liked our recommendations for tools :)

      Admin

  4. Giorgio says

    Hi, with Gimp is perfect. But if I have lot of photos is there a solution for automate with gimp?
    Thanks

    Giorgio

    • WPBeginner Support says

      Unless I hear otherwise, we don’t have an automation tool to work with Gimp like that at the moment.

      Admin

  5. Chris Campbell says

    Unfortunately the instructions call for opening an image in PS and then selecting File > Automate >Perfect Resize, but there is no Perfect Resize option available. Not sure how an article this new is incorrect, but that what I’m seeing. Very frustrating now since the article encouraged me to spend $60.

    • WPBeginner Support says

      There may have been an update to the option location. If you reach out to Perfect Resize’s support they should be able to let you know where the button is currently.

      Admin

  6. Jim Barker says

    well the explanation of each item to use was great, except I tried to down load both free versions and neither one did anything to the picture I was trying to increase in size. it was wallet to 5×7. bummer

  7. Liene says

    Thanks for this post. I haven’t heard about IrfanView, just now downloaded and it really does its job. Great. Thanks.

  8. Melissa says

    Hi!

    I tried the perfect resize which I think is now called ON1, and I wasn’t able to resize from a 3 inch to an 8 inch without losing quality. I just wanted to ask you if you hay any idea why.

    Thank you!

  9. manish says

    i great that i have founded the solution of my big and big problem.
    i thank to the programmer of Irfanview and the web site designer.
    thank a lot!!!!

  10. Dufner says

    I’ve used Perfect Resize software itself without Photoshop and it works better than just resizing with Photoshop without plugin. I did it at school where they had the license for the program. Never tried it in Photoshop with the Resize plugin, good to know! Thanks

  11. Safura Abbas says

    Hi Team,

    I am glad to have found my solution on this site. So very well explained and understood. Appreciate your help. I downloaded the trial version of ON1 software and my image that i was trying to enlarge for hours to print right on the paper went in vain until I found your blog. Kudos to Syed Balkhi and team for this informative site. Happy me :)

    Thank you once again.

  12. Irineu says

    I have used the extension Simple Image Resizer, Chrome, and have had good results. I’m from Brazil. Congratulations.

  13. Anthony says

    This is what i’ve been looking for. PS CC has limited options for retaining image size after merging it with several other layers. Thanks a lot!

  14. Carol says

    I have two questions:

    1. I know next to nothing about photoshop, but I do use Lightroom 6 when editing images. Is there a way that is similar to the ways mentioned here to do the same in Lightroom?
    2. In another article here on WPBeginner, someone commented that the days of lowering the photo resolution for a faster site are practically over. If so, what is the recommended mg size & dpi for most blog photos? (This is a photography blog site, so I want them to be as clear as possible.)

    Thanks.

  15. Rebecca Rose says

    Hi and thank you for your site. I am a rank Beginner (to put it mildly) and found your site while searching the web for information on how to resize photos for Windows Movie Maker.

    Right now I want to make Slide Show „movies“ for the music I compose … but, those black panels on either side of the smaller photos that I use are a real turn-off! So, I am trying my best to learn what to do … I own Photo Shop – but sadly, as yet I have never used it. After reading the above comments, I think it’s time! Any other comments you have would be VERY welcome …

  16. Richard Cunningham says

    Here is a simple solution if you are challenged by loss of definition/blurring or over pixellation when you re-size an image. My problem was with a business card where I had an excellent large image in .jpg format but I could not figure out how to retain the definition quality when I reduced it using gimp.

    Voila!

    Assume that you have an excellent .jpg image which is A4 size and you want to reduce it to a business card size allowing for trim and bleed of 3.6 inches by 2.1 inches at 300 dpi. If you try to edit the file in Gimp, you will end up with unacceptable quality. I wasted hours!

    Try this:

    1. Open a new file using a 300 dpi template. Set the size parameters as you want them to be – 3.600 x 2.100.

    2. Open the file you want to resize – in this case you want to downsize.

    3. While in this file, hit Edit – Copy.

    4. Go to the new file and hit Edit – Paste.

    Check the image details and you will find that you have a perfectly defined reduced 3.6 inch by 2.1 inch image at 300 dpi !

  17. Eshaan says

    How do you make an image smaller than its original size without losing quality?
    And I mean really small. In pixel units „10×10“
    The answer to this question will mean a lot to me!
    If possible please email me the answer at
    Thank you! :)

    • Tom says

      @Eshaan
      The thing is, when reducing an image’s size, you have to lose pixels. An image of 100×100 pixels contains 10,000 different pixels, whilst an image of 10×10 only contains 100. This means shrinking a 100×100 image to 10×10 requires you drop 9900 pixels. When making an image larger, you are adding pixels, which is physically possible, unlike in shrinking

  18. john jr. says

    Hi I am trying to upload files to you but it is saying that the file size is too small.
    How can I fix this so I can forward the pics I like.

    • joycebartley says

      hi i am trying to download some pictures from my computer to a contest and they have to be smaller than 4mg unfortunately most of my pictures are a little above that …so how can i reduce the size of mg lower than 4?????? i hope there is an easy way to do it…..from now on should i take the picture with my cell ph up closer or farther away?????

  19. Dan says

    Whilst this offers some useful techniques, and some expensive ones. I personally don’t think that you should EVER size up an image. EVER!! I have worked in Print for years as well as web and this is just a big no no, or that’s how I was taught.

    Size down, never up. This is one technique I will NEVER be taking on board. But thanks for the post.

      • Joe Turner says

        Dave, that’s really not very helpful. Obviously, I would think everyone understands they should retake it, if they could. People wouldn’t need to try to look at finding the „best“ of all the imperfect ways of resizing if they could just retake a photo. But most of these photos are of events or at times and/or places that can’t be revisited and going back in time is not really an option, so retaking it is usually quite impossible. I think you should realize that most people looking to upsize didn’t think they were going to need to print the photo as large as they are now looking to go, but want the best results given the circumstances they find themselves in.

        • Mawande says

          Thanks Joe

          I was also shaking my head before your comment. Obviously people would rather do things right the first time, but circumstances and situation can change involuntarily and all people can do is make the best of those situations by coming up with work arounds.

  20. Peggy Woods says

    I must really spend some time learning how to operate the Photoshop I purchased some time ago. I generally just resize photos by using Picasa3 for cropping and such. Going to g+ this information. Thanks!

  21. Nora says

    I have only ever used Photshop to re-size images. But only to a certain extent. When you start with a low-rez image it can only be sized up to a certain extent. Open the file in Photshop, click on „image size, un-check „Resample image“, then start adjusting the pixel size under width until you reach as close to 300dpi as possible. You will see the resolution # change as you mess with the pixel size. Once you have gotten to about 300dpi click „save“. The go back and re-check „Resample image“. Click „save“ again. Done.

  22. Mark Narusson says

    Nice article thanks for sharing. You could also consider using Photoshop, make the image a smart object, enlarge the canvas then scale the image to fit. This isn’t perfect but it has got me out a fix on a few occasions.

  23. Jim Massman says

    A note for anyone who’s interested in editing pictures: Image formats generally used on the Web are based upon compression algorithms and you can get into trouble easily when editing those formats unless you edit a „lossless“ copy. This is an old trick I’ve used for years after seeing some horrible results… simply save the first file in a non-compression file format such as „.tif“; edit that file to your hearts content, then „File Save As“ in the .jpg or .png format.

    Remember that every time you open, edit, then save a .jpg or .png file, whatever compression settings your graphics editing program has been set to will „recompress“ that file. Most programs allow you to determine the compression rate, so it doesn’t hurt to set the default value to the least „loss“ setting. The days of ’needing‘ to smash file sizes down for fast page loads are pretty much gone… but you may not know what the program defaults have been set to.

    $0.02
    Jim

    • _.- M -._ says

      „The days of ‘needing’ to smash file sizes down for fast page loads are pretty much gone…“

      That would depend upon your definition of ’need‘, as well as some rudimentary understanding of your target audience.

      Is your target audience composed entirely of urban dwellers with access to fast broadband, who only visit your site while at home? Then, *maybe* that’s true.

      If, on the other hand, you’re interested in reaching any rural audience at all, then you need to keep in mind that *25%* of the population of the rural US can’t get broad band access, and that 6% of the overall US population doesn’t have broadband access.

      If you still say, „Oh, I don’t care about those 16 million potential visitors“, then stop and look at it from the perspective of the mobile web. Does your visitor-base have smart phones? Do you want to support a mobile experience? (A little clue here, your answer should be ‚yes‘.) Then guess again. You DO still ’need‘ to do image optimization to minimize the bandwidth requirements for your site.

      If you’re a real professional in the business of providing content to users, then *YES* you need to care about the actual user experience for folks visiting your site. And, part of that *IS* still site optimization for speed.

  24. Richard says

    Guys, there is no way you can enlarge or shrink a pixel. Pixel size is relative. You can only add or subtract pixels.

  25. Akash KB says

    Very nice and useful tips for resizing images. Specially the ‚Perfect Resize‘ Plugin for Photoshop. Resizing of images is a very common day to day activity of bloggers while adding photos to blog posts :)

  26. Melissa Klotz says

    I love this site and a lot of your posts have been very helpful. But I’m really scratching my head on this one. Maybe it’s my eyes, maybe my monitor, but I’m seeing very little difference between the „normal resize“ and the other resizes. There are plenty of other resampling options in Photoshop. I don’t understand why you would buy a $150 photoshop plugin (extremely expensive for a plugin) or download free software to do something Photoshop is inherently capable of.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.