TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

WebP is so great except it's not (2021)

282 点作者 enz超过 1 年前

75 条评论

pembrook超过 1 年前
I&#x27;ve noticed the same issue with WebP and have gone back to JPG&#x2F;PNG for most things (jpg for photos, png for UI-type images)<p>I think the real problem is, like many of the commenters here, most people can&#x27;t tell the difference because desktop monitors have been stuck in a deadzone of zero innovation for the last 10 years. I&#x27;m sure half the folks here are viewing his example images on a 2012-era HD 1920x1080 LCD, which is definitely part of the problem.<p>It&#x27;s bizarre. Smaller displays (Mobile phones) and larger displays (4k TVs) have fantastic pixel densities now considering their viewing distance. However any panel in the range of 20&quot;-40&quot; is stuck in the mid-2000s.<p>Also, I think the author would have done us a favor by using example photos with lighter backgrounds (or changing the background color of his post to black). The harshness of the black images on white don&#x27;t allow the eye to adjust enough to see the issue. If you put those images on a dark background its super easy to tell the difference.
评论 #38655867 未加载
评论 #38653945 未加载
评论 #38658796 未加载
评论 #38655238 未加载
评论 #38653770 未加载
评论 #38653757 未加载
评论 #38658840 未加载
评论 #38661521 未加载
评论 #38654444 未加载
评论 #38659064 未加载
评论 #38658895 未加载
评论 #38655662 未加载
V__超过 1 年前
I opened the first two pictures in separate tabs and switched quickly between them. There is zero difference. Tried it on two different monitors, Chrome and Firefox. Same with the pictures of the guy at the end.<p>EDIT: The last comparison is webp twice, he linked it wrong. Here is the jpg one, still no difference:<p><a href="https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;2021&#x2F;10&#x2F;Shoot-Antoine-0044-_DSC0085-lossy-noise.jpg" rel="nofollow noreferrer">https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;20...</a>
评论 #38653224 未加载
评论 #38655988 未加载
评论 #38653222 未加载
评论 #38655182 未加载
评论 #38653387 未加载
评论 #38655918 未加载
评论 #38653301 未加载
评论 #38653207 未加载
评论 #38653279 未加载
评论 #38656308 未加载
评论 #38653306 未加载
评论 #38653457 未加载
评论 #38655314 未加载
评论 #38655365 未加载
评论 #38655341 未加载
评论 #38655058 未加载
评论 #38654701 未加载
评论 #38656148 未加载
评论 #38654366 未加载
评论 #38654465 未加载
评论 #38655651 未加载
评论 #38653217 未加载
评论 #38653233 未加载
onurtag超过 1 年前
In my opinion the worst and most distinguishable downside of webp is the forced 4:2:0 chroma subsampling. On many images with bright colors you can clearly see the color and brightness loss without an educated eye.<p>On comparison [1] you can clearly see that the top right balloon has lost its vibrant red color. On comparison [2] the bright blue neon art on the center has lost its brightness.<p>[1] <a href="https:&#x2F;&#x2F;storage.googleapis.com&#x2F;demos.webmproject.org&#x2F;webp&#x2F;cmp&#x2F;2022_10_04&#x2F;index.html#clovisfest*1:1&amp;JXL=m&amp;WEBP=m&amp;subset1" rel="nofollow noreferrer">https:&#x2F;&#x2F;storage.googleapis.com&#x2F;demos.webmproject.org&#x2F;webp&#x2F;cm...</a><p>[2] <a href="https:&#x2F;&#x2F;storage.googleapis.com&#x2F;demos.webmproject.org&#x2F;webp&#x2F;cmp&#x2F;2022_10_04&#x2F;index.html#lufthansa-aviation-center-after-sunset-frankfurt-germany-near-airport-frankfurt-fraport-03*1:1&amp;JXL=m&amp;WEBP=m&amp;subset1" rel="nofollow noreferrer">https:&#x2F;&#x2F;storage.googleapis.com&#x2F;demos.webmproject.org&#x2F;webp&#x2F;cm...</a>
评论 #38661242 未加载
评论 #38663431 未加载
mihaic超过 1 年前
This article didn&#x27;t go into the biggest problem with webp for me: the inconveninence of the format outside the browser compared to the small space saving. There are better formats (the video-codec inspired ones like heif, avif, and what might come out of h266, or even jpeg-xl), and webp just seems like a compromise without enough upside.
评论 #38654700 未加载
评论 #38653404 未加载
评论 #38657383 未加载
评论 #38660237 未加载
627467超过 1 年前
&gt; To the non-educated eye, this might look ok, but for a photographer it’s not, and for several reasons.<p>There surely must be better examples to show &quot;non-educated&quot; plebs (to use the tone of the post) why webp is bad and to justify the post and the tone.<p>I&#x27;m on Android, maybe this is why all pic quality look the same?<p>Also - yeah, if you are making pics for educated eyes: don&#x27;t use tech that is not suitable for educated eyes? Or don&#x27;t outsource that decision making to others?
评论 #38653674 未加载
评论 #38654461 未加载
评论 #38653452 未加载
评论 #38653442 未加载
评论 #38654057 未加载
PetitPrince超过 1 年前
A bit of context: Aurelien Pierre is known to be a major contributor to Darktable (open source raw developper &#x2F; catalog ; in other words, an open source Adobe Lightroom), and is known to have strong opinion about the correct way do to stuff, to the point of abrasiveness and to the point where he has forked Darktable into its own stuff (Ansel; see HN discussion some times ago <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=38390914">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=38390914</a> ).
评论 #38654103 未加载
karmakaze超过 1 年前
If I cared about archive image quality <i>(and I do)</i>, I wouldn&#x27;t re-compress older images in a new format unless I could do so from uncompressed originals. Re-encoding from a lossy compressed source will make quality worse. Storage is cheap and getting cheaper.<p>What would make sense is choosing safe settings for compressing new photos in the new format.
评论 #38656006 未加载
评论 #38660061 未加载
naet超过 1 年前
I think the author is focusing on the wrong thing. They focused on the difference in format, when they should have focused on the compression. Different image processing programs will have different compression even when set to the same number (eg &quot;80&quot;).<p>I think for a truly meaningful comparison you&#x27;d need to test a variety of images including full color with busy backgrounds as well as these b&amp;w studio portraits on a smooth gradient type bg, and test a variety of programs like imagemagik, graphicsMagick, sharp, photoshop, whatever cloud offerings, etc.<p>The other issue I see is use case. If you&#x27;re a professional photographer trying to upload full size full quality photos, maybe just don&#x27;t compress at all so you know your creative &#x2F; editing work is completely preserved. That use case is not the average use case of a website displaying a reasonably sized image of reasonable quality. For many situations a significantly smaller image might be worth having a more compressed image, and for many images the compression won&#x27;t be as noticeable as it is in a full resolution professional studio photo with a large gradient type background.
lelag超过 1 年前
I clearly have &quot;non-educated eyes&quot; as I can&#x27;t see any meaningful differences personally.
评论 #38653275 未加载
评论 #38654497 未加载
评论 #38654673 未加载
评论 #38653534 未加载
评论 #38653352 未加载
评论 #38653198 未加载
barrkel超过 1 年前
The gradients on webp frequently look like video stills. Chroma subsampling reduces the density of available luminance approximations and the more heavily it&#x27;s applied, the worse gradients look. High contrast high frequency details aren&#x27;t affected much, but gradients can really suffer.
评论 #38654952 未加载
评论 #38656132 未加载
评论 #38661809 未加载
kmeisthax超过 1 年前
So... why are we still having problems with banding in image compression? If anything, gradients should be the easiest things to compress in these images, because the compression algorithms work entirely in the frequency domain. Whatever is introducing banding here is adding <i>more</i> frequency coefficients and making the image bigger and worse at the same time.<p>Did Google&#x2F;On2 just not notice that they were crushing every gradient they encode or is are all the common WebP encoders doing some kind of preprocessing pass that crushes gradients and munges luma?
评论 #38656162 未加载
评论 #38661674 未加载
wwalexander超过 1 年前
Snarks at Safari for often not being instantly up to date with every rushed “web standard” from Google, then gripes about “Google monkeys” and the issues with…their rushed “web standard”. Pick your poison.
bawolff超过 1 年前
I dont get it.<p>The author seems to care highly about image quality, but also wants to squeeze out as many bytes as possible?<p>Bandwidth is cheap. If we are talking about photography as art, why would you be trying to scrap a few kb off in the first place?
评论 #38653616 未加载
评论 #38655455 未加载
评论 #38657166 未加载
评论 #38654384 未加载
评论 #38653252 未加载
评论 #38653293 未加载
hardcopy超过 1 年前
Every time I&#x27;ve used webp, I&#x27;ve been disappointed. And when I&#x27;m disappointed, I try jxl for giggles and find much better photo quality (especially fine gradients), at a much better file size.<p>Let&#x27;s cut our losses, ditch webp and move to jxl.
评论 #38656155 未加载
rsingel超过 1 年前
Hard to take this seriously with that obnoxious font that draws curlicues connecting letters like s and t.
评论 #38658854 未加载
ncruces超过 1 年前
There&#x27;s pretty bad posterization in the background. If you can&#x27;t see it, kick up your contrast. You don&#x27;t need HDR levels of contrast to notice it.
urbandw311er超过 1 年前
So here’s what I don’t get about this post:<p>&gt; this is WebP re-encoding of an already lossy compressed JPEG<p>Author is clearly passionate about imagery and quality, so why are they not re-encoding using the original file rather than a lossy copy?
评论 #38657368 未加载
icehawk超过 1 年前
The banding is SUPER monitor dependent, its noticeable on my 4k monitor, super apparent on a different monitor with a terrible LCD panel, and not at all visible on my iPad.<p>I wonder if the author took that into consideration.
评论 #38655157 未加载
评论 #38653636 未加载
评论 #38654689 未加载
superkuh超过 1 年前
&gt;Look at the original JPEG at quality 85 :<p>&lt;img class=&quot;lazyload&quot; decoding=&quot;async&quot; src=&quot;data:image&#x2F;gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==&quot; data-orig-src=&quot;<a href="https:&#x2F;&#x2F;photo.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;3&#x2F;2017&#x2F;02&#x2F;03-WEB-800x971.jpg" rel="nofollow noreferrer">https:&#x2F;&#x2F;photo.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;3&#x2F;...</a>&quot; alt=&quot;&quot; &#x2F;&gt;<p>Sorry, I can&#x27;t. That doesn&#x27;t actually display any image at all in my browser because you&#x27;re relying on javascript execution to switch the img src to it&#x27;s actual source. You don&#x27;t need to do this for lazyload to work anymore. There&#x27;s browser native lazyload. Just put the actual image in the src.
评论 #38657052 未加载
Fice超过 1 年前
From my own experience, JPEG quality and compression efficiency can differ a lot depending on the encoder implementation. It would make more sense to compare specific encoders rather than formats in general.<p>In 2014 (WebP was released in 2010) Mozilla claimed that the standard JPEG format is not used to it&#x27;s full potential [1] and introduced mozjpeg project that is still being updated [2]. I wonder how it compares today with current WebP implementations.<p>[1] <a href="https:&#x2F;&#x2F;research.mozilla.org&#x2F;2014&#x2F;03&#x2F;05&#x2F;introducing-the-mozjpeg-project&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;research.mozilla.org&#x2F;2014&#x2F;03&#x2F;05&#x2F;introducing-the-mozj...</a> [2] <a href="https:&#x2F;&#x2F;github.com&#x2F;mozilla&#x2F;mozjpeg">https:&#x2F;&#x2F;github.com&#x2F;mozilla&#x2F;mozjpeg</a>
hannob超过 1 年前
Is webp still relevant these days?<p>You can use picture&#x2F;source&#x2F;srcset to provide different image formats depending on browser support. avif for modern browsers, jpg for maximum compatibility. Means people with old browsers will either get lower quality or a few more bytes, but that seems like an okay tradeoff.
评论 #38654217 未加载
bawolff超过 1 年前
I can see some banding on the one labeled webp lossless. What gives? Is the banding in the source material? Are we using a different definition of &quot;lossless&quot; than i am used to?<p>Edit: i think maybe my browser is scaling the photo which is adding artifacts.<p>Edit2: maybe the thumbnails are scaled at different quality levels???
评论 #38657532 未加载
评论 #38653425 未加载
jollyllama超过 1 年前
Just give me a good ol&#x27; jpg. Or a png. Not everything is compatible with webp yet, but when I want to feed in an image from google images, it doesn&#x27;t work.
tcfunk超过 1 年前
I never gave it much thought until I started posting my 3d renders online. Began to find serious issues, especially around posterized backgrounds as the article mentions. A problem which is exacerbated by the vignettes that renderers offer.
yossi_peti超过 1 年前
&gt; As a photographer, I care about robustness of the visual output. Which means, as a designer, designing for the worst possible image and taking numerical metrics with a grain of salt.<p>I think it&#x27;s kind of silly how the author pooh-poohs averages and demands that whoever is working compression algorithms should focus on the <i>worst possible image</i>. If you know anything about information theory, you know that is literally mathematically impossible to make a compression algorithm that always performs well in the worst possible case.
评论 #38661168 未加载
评论 #38661548 未加载
ksec超过 1 年前
I now hope more people understand why I am pushing for JPEG XL, practically before anyone else on HN ( apart from its authors ).<p>One thing I want to state is that nothing presented here about WebP are new. They have been there since the beginning ( 2010s ). The real problem is, quote:<p>&gt;&gt;<i>So there is a real issue with the design priorities of image algos from tech guys who clearly lack historical and artistic background, and don’t talk to artists</i><p>And their marketing.
wizb超过 1 年前
Voting how appallingly obvious the banding is to me. Couple of questions over images being mixed up aside, this stuff is important.<p>Perception is psychological. And image formats are political.<p>Perhaps some truly do experience zero banding or artifacts.<p>But to the rest of us... &quot;There are four lights&quot;<p><a href="https:&#x2F;&#x2F;www.startrek.com&#x2F;en-un&#x2F;news&#x2F;the-four-lights" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.startrek.com&#x2F;en-un&#x2F;news&#x2F;the-four-lights</a>
dvfjsdhgfv超过 1 年前
&gt; Second, I don’t know why all the techies around have a huge kink over sharpness, but the most challenging situations I have faced as a photographer were with smooth gradients. Or more accurately, gradients that should have been smooth and weren’t in the output.<p>I can tell you why: because it&#x27;s hard, i.e. it&#x27;s hard to compress efficiently. So if someone claims a breakthrough, they either did something extremely smart, or cut some corners.
lizknope超过 1 年前
I wish Slack supported webp. I end up saving an image have to run &quot;convert image.webp image.jpg&quot; and then upload the jpeg
评论 #38655733 未加载
评论 #38655383 未加载
withinboredom超过 1 年前
Further, with jpeg, there is progressive jpeg. Allowing an image to show up asap on slow connections instead of trying to load the whole thing all at once. When I&#x27;m on a 2g connection, I absolutely appreciate progressive jpegs, though they are pretty rare in the wild (and pagetest doesn&#x27;t even recognize them).
siddheshgunjal超过 1 年前
Author might be right about the gradient shifts in images after conversion, but at the same time, most of the websites are not using such color accurate images everywhere. Some are logos and some are with alpha channel. It is a fact that WebPs are lightweight assets to load on the user side which reduces bandwidth consumption for the user and your server. So use WebP where it&#x27;s needed to save some loading time and bandwidth and use your preferred format where you want to show images as is.<p>If you&#x27;re planning to convert your images to WebP in bulk, I wrote a shell script: here&#x27;s the link:<p><a href="https:&#x2F;&#x2F;medium.com&#x2F;@siddheshgunjal82&#x2F;bulk-convert-images-to-webp-82cd105acbc2" rel="nofollow noreferrer">https:&#x2F;&#x2F;medium.com&#x2F;@siddheshgunjal82&#x2F;bulk-convert-images-to-...</a>
skhameneh超过 1 年前
I first browsed the article on mobile without adjusting my display brightness (generally set to low for eye comfort) and it took significant effort to see the issues.<p>I then turned my brightness to 50% and immediately saw browser rendering issues the author may not have experienced themselves. The differences in various contexts are massive. It may be useful to take photos of my screen rendering the various artifacts at varied brightness. There are clearly some rendering optimizations (in different contexts) that create some horrible artifacts.
rambambram超过 1 年前
I might be missing something because I never delved into it, but my problem with WebP is I can&#x27;t save images this way from my browser. Well, I can save them, but they don&#x27;t show up when I try to view them on my system (Ubuntu Mate 20.04 on RPi4).
评论 #38655189 未加载
评论 #38661277 未加载
评论 #38660720 未加载
评论 #38654430 未加载
评论 #38654041 未加载
Izkata超过 1 年前
My issue with webp is that when it&#x27;s animated, it seems random whether it gets treated as an image file like a gif or a video file. Any webp I save I have to convert to a real image file to ensure I can view&#x2F;use it outside of a browser.
评论 #38665974 未加载
scythe超过 1 年前
I guess I don&#x27;t get the context?<p>WebP is barely supported. For decades the only choice in lossy compression is JPEG, which notoriously sucks for diagrams and basically anything that isn&#x27;t a photograph. So the rest of the world finally gets a format they can use, and the photographers are angry that the world doesn&#x27;t revolve around them anymore?<p>So what if it <i>is</i> worse for photography? Should we continue chasing our tails for another ten years before we find the perfect format? I&#x27;m sick of data visualizations drowning in JPEG artifacts.<p>I&#x27;m not opposed to AVIF or whatever, but I don&#x27;t care about the author&#x27;s complaints. JPEG is still there. If you want to use it, go ahead.
rchaud超过 1 年前
Outside of photographers, how many people are looking at super high-resolution images on the web? Even images that might have high-resolution versions are usually converted to a shrunken image 600px wide to fit inside the website&#x27;s theme scaffolding.<p>Is that really even worth shaving 15% off the file size? If bandwidth matters, websites should look to reduce the volume of useless stock images littering their templates.<p>WebP seems like a gift to Cloudflare and the other companies that do the heavy lifting of caching and serving millions of images across multiple sites. For users, it&#x27;s at best indistinguishable from JPEG, and at worst an obstruction to saving images from the web.
评论 #38655214 未加载
hackererror404超过 1 年前
Isn&#x27;t this like anything else? No one size solution typically works for everything. If you are a photographer&#x2F;artist and true close to perfect rendering is for you... don&#x27;t use WebP as the format to present your images.
layer8超过 1 年前
The simple truth is that JPEG is more than good enough and has ubiquitous support. There is no reason to switch to a different format and risk degradation or reduced interoperability for slightly smaller file sizes.
评论 #38654309 未加载
kwhitefoot超过 1 年前
Why aren&#x27;t the competing images presented side by side? Having to scroll to examine them makes comparison very difficult, especially for those of us not blessed with an experienced photographer&#x27;s eye.
j1elo超过 1 年前
Comparing with Beyond Compare:<p><a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;xatzZt7" rel="nofollow noreferrer">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;xatzZt7</a><p>--<p>Hoping the conversion doesn&#x27;t add extra noise, I converted them (with ImageMagick: `convert image.webp image.png`) and compared them (Beyond Compare doesn&#x27;t support WEBP).<p>Of course I have a <i>non-educated eye</i> as the article puts it, but if still with machine help I cannot see a difference in light dithering, there must be something off.<p>The second photo (of a man) is more clear in proving the point. This should probably have been used as the first example in the article.
评论 #38653653 未加载
AlienRobot超过 1 年前
imo, the problem isn&#x27;t that WebP is bad for photos.<p>The problem is that Google&#x27;s Pagespeed Insights and consequently a lot of resources push WebP to you as a solution for your JPG problems.<p>A lot of people have been duped into reencoding their JPEGs into WebPs for no reason.<p>Also just my personal feelings, but I feel like Google doesn&#x27;t care about people downloading images or using the internet as a permanent gallery for posterity. They don&#x27;t care about making each individual image look as good as it can be, so someone can in 10 years visit an almost-defunct website or an abandoned account of some user and just view a photograph as a standalone work. It feels like the use-case they&#x27;re concerned with are the huge 1200px wide, utterly useless and generally irrelevant stock images they forced everyone to put on their articles when they said AMP articles require an image that big. And of course, with the thumbnails automatically generated from such images. That is, WebP&#x27;s concern seems to be just about the load on the web server, and it&#x27;s not thinking about the image as a file (the sort you save on your computer). Then again, this is just my strongly opinionated guess based on nothing but the fact JPG was made before the web became what it is today, and WebP was released after mobile internet access surpassed desktop.
rutierut超过 1 年前
The uncompressed WEBP image looks terrible to me with a lot of banding on Safari mobile. Did the author accidentally switch images or is Safari doing some “optimization”?
abrookewood超过 1 年前
&quot;See the posterized ring in the background ?&quot;<p>Nope. I&#x27;m looking at this on a 2k 38&quot; ultrawide monitor, comparing the two images at 190% zoom and I have no idea what I am looking at. I literally can&#x27;t see a point of difference between them at all. I know my eyes aren&#x27;t great, but is the difference really that noticeable? What am I missing?
__s超过 1 年前
Lossless webp is a good alternative to png. Why compare lossless eebp photo to lossy anything?<p>I used to use png everywhere in openetg, so webp&#x27;s a welcome improvement that&#x27;s greatly reduced asset size<p>Perhaps the article should be &quot;In defense of JPEG&quot; but that wouldn&#x27;t get the clicks
lofaszvanitt超过 1 年前
Just use mozjpeg and throw away webp.
axlee超过 1 年前
Unless the OP is using a 8K monitor with professional color grading, I don&#x27;t understand how he can say that some of these pictures are &quot;looking like shit&quot;. They all look exactly the same to me on my regular 27&quot; 1080p, on my 27&quot; 2K or on my iPhone.
评论 #38653310 未加载
评论 #38653308 未加载
bitsandboots超过 1 年前
For what its worth, the website itself also isn&#x27;t great. Had to turn off Enhanced Tracking Protection mode to not get text that scrolled off the screen, and then was met with weird fonts.
cybrox超过 1 年前
It seems I have an uneducated eye by their standards, because I barely see any difference, which I&#x27;m happy to admit, but I think the author misses the point of webp completely.<p>The format is intended to bring down the file size of graphics in general, not high-level photography which accounts for probably 0.5% of the images on the internet.<p>This is a case of the best daily driver car won&#x27;t be good enough for a race car driver.
评论 #38655910 未加载
tiffanyh超过 1 年前
Is this blog a joke&#x2F;prank?<p>The images don&#x27;t link to the correct filetype stated.<p>- <i>&quot;JPEG, lossy, 85 : 184 kiB&quot;</i> → links actually to a <i>WebP</i> file (<a href="https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;2021&#x2F;10&#x2F;Shoot-Antoine-0044-_DSC0085-lossy-dithering.webp" rel="nofollow noreferrer">https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;20...</a>)<p>- <i>&quot;JPEG, lossy, 85 : 211 KiB&quot;</i> → links actually to a <i>WebP</i> file (<a href="https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;2021&#x2F;10&#x2F;Shoot-Antoine-0044-_DSC0085-lossy-noise.webp" rel="nofollow noreferrer">https:&#x2F;&#x2F;eng.aurelienpierre.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;8&#x2F;20...</a>)<p>etc...<p>So when the blog tells you that JPEG is so much better quality, the &quot;jpeg&quot; image that&#x27;s actually being shown is a WebP image.
theodorejb超过 1 年前
How does the quality compare at the same file size? It seems like all the comparisons have fairly significant file size differences.
ComputerGuru超过 1 年前
I just finished dealing with a very complicated pipeline for an online media management database. WebP is great except when it&#x27;s not, and when it&#x27;s not, it <i>really</i> sucks.<p>I&#x27;m going to go with a technical argument here instead of a subjective one, so there&#x27;s no room for argument: WebP is billed as a replacement for PNG <i>and</i> JPG, and advertised <i>heavily</i> as being usable in both lossy and lossless modes for either. This is blatantly false. Alpha channel aside, PNG is, effectivelyᵗ, 32-bits per pixel, 8-bits for each of RGB. JPG is notably not; to make good use of compression in the frequency domain possible, RGB is <i>usually</i> converted from RGB to YUV&#x2F;YCbCr. But JPEG lets you customize how this is done, and you can choose to use the default chroma subsampling of 4:2:0, upgrade to 4:2:2, or forego subsampling altogether and use 4:4:4 directly.<p>WebP is, experiments aside, always 4:2:0 in default&#x2F;lossy mode (regardless of the tuning profile chosen). Screenshots, vector graphics, text w&#x2F; anti-aliasing applied, etc. look <i>absolutely horrendous</i> to the trained eye if converted from RGB or RGBA to YUV 4:2:0. WebP is <i>unusable</i> for png transcodes <i>at any quality</i> except in lossless mode.<p>I&#x27;m not hating on WebP - PNGs converted to lossless WebP are still a good bit smaller, at least for large sizes. But I absolutely despise how pathetically low and biased Google&#x27;s benchmarks touting WebP as the be-all, end-all have been. And the toolchain is severely compromised, because you have to <i>manually</i> remember to specify lossless mode when compressing a PNG to WebP and that gets harder when it&#x27;s an automated toolchain and the export is several steps removed from the input. And this becomes completely Mission Impossible™ when you have a lossless WebP and you want to generate a thumbnail from it because the heuristic is no longer &quot;source extension is png&quot; to determine if the output should be generated in lossless mode. IMO, the WebP toolchain *and all other toolchains like ImageMagick and libvips* should pass through the &quot;lossless&quot; property of WebP by default, because unlike with other formats, it tries too hard to be everything for everyone at once and will fall over on its face otherwise.<p>I said I wasn&#x27;t going to talk about the subjective side, but I just want to say that even for tiny thumbnails, we&#x27;ve found that their WebP versions need to be generated with at least quality 90 to ensure they will all (regardless of source image) be usable on non-mobile devices (hi-dpi ameliorates but does not resolve the situation, it&#x27;s just the fact that you see the pixels physically larger); the smoothing effect for detailed real-world photos (think warzone photos with smoke and haze in the air, odd lighting, etc) is way too extreme at lower qualities. Again, the quality:size ratio is still better than JPEG, but not to the extent that Google advertised it to be, but more importantly, if you took Google at its word you would find WebP to be altogether unusable to begin with.<p>(None of this was about converting already lossily compressed content into WebP; this is straight from source (where &quot;source&quot; is a lossless format like SVG, PNG, RAW, or something like a 24MP JPEG@Q95 being shrunk orders of magnitude) to WebP.)<p>I played around some with AVIF, HEIC, and JPEGXL. AVIF has some severe color management issues that need to be ironed out in the various toolchains, though HEIC is a lot better in that regard but its lack of compatibility now and in the foreseeable future just makes it a dead end; but JPEGXL appears to be a really solidly built image codec with great potential, kneecapped primarily by adoption.<p>ᵗ palletization can, but does not have to, affect this
VoodooJuJu超过 1 年前
&gt;img.webp<p>&gt;vs<p>&gt;img.jpg<p><a href="https:&#x2F;&#x2F;imgur.com&#x2F;gallery&#x2F;rdzfp1g" rel="nofollow noreferrer">https:&#x2F;&#x2F;imgur.com&#x2F;gallery&#x2F;rdzfp1g</a>
stevage超过 1 年前
Boy that ct ligature is distracting though.
Unfrozen0688超过 1 年前
I see the background dithering ring on my 1440p cheap 32&quot; monitor that&#x27;s a few years old now.
rsp1984超过 1 年前
This seems to be in the same spirit as audiophiles claiming they can hear the difference between various speaker cables, or the &quot;hints of dark chocolate&quot; in wine tasting.<p>Personally I see zero differences in the images on that page and unless the author has some really super-human vision abilities (possible! but unlikely) my guess is he doesn&#x27;t either. WebP looks perfectly fine to me.
评论 #38653560 未加载
评论 #38653364 未加载
评论 #38653307 未加载
评论 #38653468 未加载
bigbuppo超过 1 年前
This is yet another reason why the WebP format has been deprecated, at least in these parts.
mediumsmart超过 1 年前
So true. Still have to find out how to avoid color bleach when converting to webp.
lifthrasiir超过 1 年前
&gt; It’s not 100 % clean either, but much better. Granted, this is WebP re-encoding of an already lossy compressed JPEG, so we stack 2 steps of destructive compression. But this is what Google Page Speed insights encourage you to do and what a shitload of plugins enable you to do, while pretending it’s completely safe. It’s not.<p>&gt; I have seen a similar effect in other similar pictures : always pictures with large, smooth, gradients in the background, which happens a lot when some punctual-ish light falls off a wall. That’s not something accidental, smooth fall-off are actively built by photographers to create organic-looking backgrounds with just enough of texture to not get boring, yet discrete enough to not draw attention off the foreground&#x2F;subject.<p>I think this rant could have highlighted these paragraphs a lot more, because these are indeed problems. The first paragraph probably refers to [1] where it doesn&#x27;t say too much about recompression artifacts, and the second paragraph is indeed a well-known issue of the lossy WebP format---it tends to create gradient bands that are particularly significant when viewed on big and bright screens. It is far-fetched to claim that this requires somehow trained eyes, rather it is more or less device-specific in my opinion.<p>[1] <a href="https:&#x2F;&#x2F;developer.chrome.com&#x2F;docs&#x2F;lighthouse&#x2F;performance&#x2F;uses-webp-images?hl=en" rel="nofollow noreferrer">https:&#x2F;&#x2F;developer.chrome.com&#x2F;docs&#x2F;lighthouse&#x2F;performance&#x2F;use...</a>
评论 #38654683 未加载
DrNosferatu超过 1 年前
On mobile Safari there is no visible difference.<p>Could there be some default optimization going on?
kome超过 1 年前
Clearly, from reading the comments here, most people don&#x27;t see any difference. However, the argument still stands, and perhaps - precisely because of the comments here - it becomes even stronger: there is no point in using WebP.
评论 #38653592 未加载
raajg超过 1 年前
On my 14in Macbook Pro I CANNOT TELL THE DIFFERENCE AT ALL
评论 #38661355 未加载
rpgbr超过 1 年前
I’m all in <i>.avif. Smaller files and excellent image quality. But I always have a fallback to </i>.png or <i>.jpg. We’re not there yet — looking at you, Edge, the only major browser that doesn’t support </i>.avif.
gunapologist99超过 1 年前
AVIF &gt; webp. (too bad once again Safari lags behind)
angiosperm超过 1 年前
Can I just say how happy I am to see the &quot;ct&quot; and &quot;st&quot; ligatures in the article text? I know that took the author extra effort to provide.
评论 #38657545 未加载
评论 #38657336 未加载
snvzz超过 1 年前
webp should have been skipped entirely.<p>Let&#x27;s focus on AVIF.
评论 #38654311 未加载
评论 #38654342 未加载
PUSH_AX超过 1 年前
All the images look fine to me.
ColonelPhantom超过 1 年前
It&#x27;s such a shame Google decided to block adoption of JPEG XL: it&#x27;s a strict improvement over classic JPEG (you can losslessly reencode JPEG to JXL and reduce the size, due to a better entropy coder in JXL!) and JXL has various other upgrades compared to &#x27;classic&#x27; JPEG.<p>In the meantime, let&#x27;s hope AVIF or whatever manages to pick up the slack, and&#x2F;or other browsers decide en masse to support JPEG XL anyway; that would be a bad look for Google, especially if even Apple decides to join in on the JXL party.
评论 #38653189 未加载
评论 #38653314 未加载
评论 #38653178 未加载
评论 #38654397 未加载
评论 #38653818 未加载
评论 #38654575 未加载
laserbeam超过 1 年前
I know this is not constructive and I&#x27;m sorry, but I just can&#x27;t read the text with those st and ct ligatures. It makes me feel like the author is trolling with them and I shouldn&#x27;t take the text seriously. I know that&#x27;s an exaggeration but that&#x27;s what the design makes me feel.
评论 #38653726 未加载
评论 #38653239 未加载
评论 #38653285 未加载
评论 #38653536 未加载
评论 #38653208 未加载
评论 #38653511 未加载
评论 #38653204 未加载
评论 #38653720 未加载
评论 #38653195 未加载
评论 #38653318 未加载
评论 #38653200 未加载
评论 #38653487 未加载
评论 #38653392 未加载
评论 #38653287 未加载
评论 #38653816 未加载
评论 #38653300 未加载
评论 #38653526 未加载
评论 #38654289 未加载
评论 #38654561 未加载
palata超过 1 年前
I find it interesting how many comments here (presumably from &quot;tech guys&quot;) confirm what the author wrote:<p>&gt; So there is a real issue with the design priorities of image algos from tech guys who clearly lack historical and artistic background, and don’t talk to artists, who anyway have largely decided that they were above science, maths and other menial materialistic concerns.<p>I am a tech guy, and when a photographer tells me that an image looks worse than another one, if I don&#x27;t see it, my first reaction is more &quot;can you try to explain to me why it is worse?&quot; and less &quot;I don&#x27;t see a difference, so you must be wrong&quot;.<p>I would be slightly offended if an artist told me that there was nothing wrong with `if (vAluE &lt; 3 ) {return true; } else {{ return false;}}` just because they cannot see the problem.
评论 #38655793 未加载
评论 #38655688 未加载
评论 #38655908 未加载
评论 #38655847 未加载
评论 #38656934 未加载
michaelcampbell超过 1 年前
This entire article reminds me of the ones a few decades about about the utter indignity of mp3&#x27;s, and how us peasants that use it _AT ALL_ or at the very least with any bitrate under 320bps was just criminal.<p>Then proceed to play the flac&#x27;s in their car. Ok.
评论 #38656670 未加载
评论 #38656973 未加载
mngdtt超过 1 年前
All of these new formats like webp or avif look like shit. They look like screenshots from videos, which is what they literally are.
jonstewart超过 1 年前
&gt; here I am, loosing faith in humanity<p>&lt;sigh&gt; Me, too, buddy. Me, too.
Beijinger超过 1 年前
The author may be right but he definitely does not understand the difference between good and good enough.
评论 #38653458 未加载
rado超过 1 年前
Yes, there is some banding, because it&#x27;s a web format designed for small file size. 10-bit AVIF has smooth gradients in smaller size, thought not as well supported yet.
评论 #38653471 未加载
kvrck超过 1 年前
I don&#x27;t get the point of complaining about losing such small details that non-educated eye can&#x27;t see for a compression format.<p>That&#x27;s the whole point of compressing the image, isn&#x27;t it?<p>To me, it looks like webp does its job.
评论 #38653340 未加载