Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using ?nnn for width may confuse Firefox (88.0 (64-bit)) into thinking the image is broken #3

Open
bpluly opened this issue Apr 29, 2021 · 0 comments

Comments

@bpluly
Copy link

bpluly commented Apr 29, 2021

This is only a problem in Firefox. If a query string is appended to the URL for an image then it is possible that Firefox version 88.0 will think it is broken. This is not a problem in Chrome (90.x) or Edge (90.x), neither IE nor Opera have been tested.

Using the width= attribute avoids the problem.

For example:
https://assets.zettel.io/public/00000000-8b0b92d0-c7ed-461b-ac3f-7896536e03ea/image27.png?200

Will show the right width but lose the bottom half of the image on Firefox, the image is properly sized. If this is inline with other content, part of an anchor link and so on then Firefox will fallback to broken image rendering, the alt text, or the broken image icon.

This may relate to particular ratios of the original and the query string is an added problem for Firefox, Chrome in general seems to ignore the original URI and just renders the result.

As using width= avoids the problem this is just information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant