Add support for all Windows 8 tile shapes #16

Open
phbernard opened this Issue Jan 20, 2014 · 5 comments

Comments

Projects
None yet
2 participants
@phbernard
Contributor

phbernard commented Jan 20, 2014

Currently, the master picture is used to generate all pictures for W8. A consistent result is obtained by adding a padding to the master picture.

Yet, as W8.1/IE11 allows "full tile pictures" (no automatic padding), it would be convenient to offer this possibility to the advanced user.

@mattjanssen

This comment has been minimized.

Show comment
Hide comment
@mattjanssen

mattjanssen Mar 20, 2014

I guess I don't understand the padding around the Windows 8 tiles. My source image is 937x937, the mstile-310x310 is 558x558. But the process shrinks my image down to 259x259 with transparent padding of 128x150x171x149.

Is this just how W8 tiles work?

I guess I don't understand the padding around the Windows 8 tiles. My source image is 937x937, the mstile-310x310 is 558x558. But the process shrinks my image down to 259x259 with transparent padding of 128x150x171x149.

Is this just how W8 tiles work?

@phbernard

This comment has been minimized.

Show comment
Hide comment
@phbernard

phbernard Mar 20, 2014

Contributor

The answer comes in two parts.

Against all odds, mstile-310x310 can be 310x310... or more, in order to fit zoomed screens. See http://realfavicongenerator.net/faq#windows_8_tile_dimensions

The padding you observe is enforced by Windows 8.0, but not Windows 8.1. This is why msapplication-TileImage has no padding: Windows 8.0 adds it anyway, so a full-size image is exactly what this platform needs. Windows 8.1 changed this rule, as it does not apply padding. You can make your picture fill the entire tile. Yet, when I coded RFG, I didn't considered this behavior as convenient:

  • It forces the user to upload a square picture and a rectangular one (for the 310x150 tile). Wow, a brand new picture to design, just for a single tile!
  • The design is different from W8.0 to W8.1, which are two minor platforms compared to iOS and Android. Why would you spend so much time on them?

So the first version of RFG offers a unified W8 tile design, where only the classic square picture is needed and which produces a consistent design throughout W8 platforms.

The idea of this issue is to keep this approach by default, but also to offer an "Advanced editor" for users who are willing to spend more time on this topic.

Contributor

phbernard commented Mar 20, 2014

The answer comes in two parts.

Against all odds, mstile-310x310 can be 310x310... or more, in order to fit zoomed screens. See http://realfavicongenerator.net/faq#windows_8_tile_dimensions

The padding you observe is enforced by Windows 8.0, but not Windows 8.1. This is why msapplication-TileImage has no padding: Windows 8.0 adds it anyway, so a full-size image is exactly what this platform needs. Windows 8.1 changed this rule, as it does not apply padding. You can make your picture fill the entire tile. Yet, when I coded RFG, I didn't considered this behavior as convenient:

  • It forces the user to upload a square picture and a rectangular one (for the 310x150 tile). Wow, a brand new picture to design, just for a single tile!
  • The design is different from W8.0 to W8.1, which are two minor platforms compared to iOS and Android. Why would you spend so much time on them?

So the first version of RFG offers a unified W8 tile design, where only the classic square picture is needed and which produces a consistent design throughout W8 platforms.

The idea of this issue is to keep this approach by default, but also to offer an "Advanced editor" for users who are willing to spend more time on this topic.

@mattjanssen

This comment has been minimized.

Show comment
Hide comment
@mattjanssen

mattjanssen Mar 20, 2014

I think I get it now. Sounds confusing! Thanks for the quick response and the super-useful website.

I think I get it now. Sounds confusing! Thanks for the quick response and the super-useful website.

@phbernard

This comment has been minimized.

Show comment
Hide comment
@phbernard

phbernard Mar 20, 2014

Contributor

Thank you! You're welcome!

Contributor

phbernard commented Mar 20, 2014

Thank you! You're welcome!

@phbernard

This comment has been minimized.

Show comment
Hide comment
@phbernard

phbernard Aug 24, 2014

Contributor

As a reference, Microsoft offers a tool for this: http://www.buildmypinnedsite.com/

Contributor

phbernard commented Aug 24, 2014

As a reference, Microsoft offers a tool for this: http://www.buildmypinnedsite.com/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment