locked
Croping images to update Tile Notificaitons

    Question

  • Hi everybody, 

    I'm developing a new app for Windows 8.1 using the Javascript/HTML5 option, but I am facing a problem when I'm trying to update the Live Tile of the app. 

    I'm using a Tile template that it has a image and text, and the problem ocurred with the image. If the image has not the exact dimensions (310x150) the tile notification not appears. 

    In my application I can't assure that all the images of the notification have that exact size, and I'm wonder if there is any way to cropping the image or scale it so I can use any image in my Tile notifications.

    Thank you in advance for your cooperation.

    Best regards,

    Sunday, September 15, 2013 6:50 PM

Answers

  • Tiles can typically accept images of non-matching sizes up to 1024x1024px, and they'll be auto-cropped. If an image is larger than that in any dimension, however, it won't appear.

    Images will also be ignored if they're over 200KB in size. This can become an issue with PNGs at wide tile dimensions, so check that carefully. If you have a photographic image, you'll get a smaller file size using JPEG and suitable compression.

    You can reencode images using the APIs in Windows.Graphics, but it shouldn't be necessary. First check your dimensions and file sizes. I would also suggest trying the images inside the App tiles and badges sample, as that would eliminate any glitches in your own code that might cause a problem.

    Kraig

    Author, Programming Windows 8 Apps with HTML, CSS, and JavaScript, a free ebook from Microsoft Press

    Also see second edition preview


    Monday, September 16, 2013 3:09 AM