Home > Solved Firefox > Solved: Firefox Only Downloading Low-Quality Images?

Solved: Firefox Only Downloading Low-Quality Images?

Discussion is locked Flag Permalink You are posting a reply to: Chrome browser poor resolution fix The posting of advertisements, profanity, or personal attacks is prohibited. Of course, getting the tools—and the spec—out there is one thing, client and developer education is another as to what you can actually do with those tools. Loading... Do Dragonborn come from eggs? http://visu3d.com/solved-firefox/solved-firefox-3-0.html

That's why a native responsive images solution was sought out that would allow the pre-parser to continue to do what it does best. The two common use cases are: Resolution switching — In the resolution switching use case, we need to select a different source of the same image because we need a different Jason Grigsby September 22, 2014 I've also done a little research around potential savings by using responsive images: http://timkadlec.com/2013/06/why-we-need-responsive-images/. In how many ways can something not be right? https://forums.techguy.org/threads/solved-firefox-only-downloading-low-quality-images.602984/

Resolution switching. I can't imagine it'll stay this way for long. We'll look into adding this to a later release of Sparkle.

  • In fact, you should only use it when you're solving for art direction, not for resolution switching.
  • Content management systems will start to offer better cropping solutions to help content authors.
  • All submitted content is subject to our Terms of Use.
  • The file names could be whatever. * Can we still use the width attribute to make things load slightly faster for desktops?
  • This site is completely free -- paid for by advertisers and donations.
  • But I'm not certain.

They belong into the css and nowhere else. Lets going use razor: And this worked very fine to me! Thanks for posting and sharing this with the community. Thanks anyway and maybe this could be useful to someone else!

If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members. Ben Plum September 22, 2014 Replies Thanks Ben. It doesn't have much to do with semantics. PS: I ran into this issue a few weeks ago and have found my findings to be correct.14 comments · Share · Answered about 3 years agoView previous commentsthanks a lot

Content available under a Creative Commons license. In fact, you're likely doing your users a disservice by using the element. No reason you can't use max-width:100%. * Honesty, what’s the best way to test this? I'm having the same problem in IE and Firefox.

Disruptive posting: Flaming or offending other usersIllegal activities: Promote cracked software, or other illegal contentOffensive: Sexually explicit or offensive languageSpam: Advertisements or commercial links Submit report Cancel report Track this discussion have a peek at these guys And of course we can use the PictureFill polyfill in the meantime until the browsers support it. If you're solving for the art direction use case, use the element. WebImageExtension is defined below: using System.IO; using System.Web.Helpers; using System.Drawing; using System.Drawing.Imaging; using System.Drawing.Drawing2D; using System.Collections.Generic; public static class WebImageExtension { private static readonly IDictionary TransparencyFormats = new Dictionary(StringComparer.OrdinalIgnoreCase)

My AccountSearchMapsYouTubePlayGmailDriveCalendarGoogle+TranslatePhotosMoreShoppingFinanceDocsBooksBloggerContactsHangoutsEven more from GoogleSign inHidden fieldsSearch for groups or messages Stack Overflow Questions Jobs Documentation beta Tags Users current community chat Stack Overflow Meta Stack Overflow your communities Sign navigate here You should use srcset and/or sizes.

The way to know when to use the element is based on the use case you're trying to solve. For big content sites, doing art direction on an image by image basis isn't sustainable. Whenever possible, we're better off providing suggestions and letting the browser make smart decisions.

Brian LePore September 30, 2014 Replies OKay, ignore my last point. Dynamic resizing is an integral part of this and will only become more-so as responsiveness becomes more and more important in 2013. I have recently been using my laptop to get online via my phone, which acts as a modem and gives access to the net via the mobile phone network. Check This Out David Frank September 22, 2014 25% for art direction seems low.

Prosequimur, Jul 31, 2007 #2 This thread has been Locked and is not open to further replies. But never in such a (sorry pun) scale. These reasons include the image being used at a different size based on the size of the screen, the pixel density of the screen, or to avoid downloading unnecessarily large images.1

Duncan Wilcox September 30, 2014 Love the article Jason - thanks for sharing!

Resolution switching. FF51 (Regarding @karthik 's comment since FF21) has good scaling that can be disabled through the following settings: image-rendering: optimizeQuality image-rendering: optimizeSpeed image-rendering: -moz-crisp-edges Note: Regarding MDN the optimizeQuality setting is Sorry. =/ Brian LePore September 30, 2014 In regards to the first point, I was looking at: width=”500px” alt=”lolcat” should be: width=”500″ alt=”lolcat” You're completely right. Only GC has a better scaling that can be deactivated through image-rendering: -webkit-optimize-contrast.

Good. ladydee94 replied Mar 3, 2017 at 3:41 AM Making a phone call on my computer yellowlemon replied Mar 3, 2017 at 3:16 AM Loading... Therefore, for most responsive images, the element is the wrong solution. this contact form David Ritter September 23, 2014 Great article, but many browsers incompatible with `picture` :( iskael September 23, 2014 Replies That is changing quickly.

The one thing that still bothers me is having to maintain a library of x number of images for the multitude of responsive use cases. Are you looking at px in the file names? And IE is considering it. Downloadtimes as seen on the test page above are terrible.