SMF Development > Applied or Declined Requests

Retina compatible default theme

<< < (2/2)

青山 素子:

--- Quote from: IvaliceAlliance on April 02, 2012, 12:25:52 PM ---If you look at the full size image, not the thumbnail, you'll see on the header that the top left and top right corner of the header have some sort of square artifact. Is that not visible on your iPad? Also all the rounded rectangles look pretty bad (very blurry/fuzzy from upscaling).

--- End quote ---

Looks like the upscaling Apple is using is leaving seams where there should be none. Those lines are likely an artifact/bug in the device's browser.

All images will lose sharpness when zoomed, it's just the way things are. You can either go to something evil like nearest-neighbor, which gets you sharp blocks or bicubic, which smooths and unfortunately sometimes makes things blurry. An alternative is to run a sharpening filter after the scaling, but that could make the image look worse and also adds to the CPU burden.

As nearly everything else uses lower-DPI screens, you'll encounter this problem on every website, not just SMF itself. The options are to have special styles and images for high-DPI screens (lots of work to maintain), switch to vector-based graphics (not every browser handles SVG all that well), or use CSS-based stuff (essentially simple vector, but without the SVG mess) where you can and let the experience degrade on old browsers or plan for fallbacks.

Navigation

[0] Message Index

[*] Previous page