The News App gives you the ability to select a default layout for your news feed to be shown on your display. There are three available layouts to choose from, with increasing sizes for article images shown from left to right.
Since every RSS feeds contains a variety of different content, News is optimized to analyze article text and image graphics in order to best fit various screen sizes, devices, and resolutions.
Layout Fallbacks
Your graphics are optimized through an algorithm which compares the current article image (if available) to the screen size or viewport and the size of the current layout. If an image's width or height doesn't meet the proper dimensions for the layout selected, it will "fallback" to the next layout containing a smaller image size. Essentially, the algorithm will compare each layout against the image until it meets the minimum criteria, then render onscreen.
No Picture Layout
If your news feed doesn't contain images, there is a fourth layout available which only shows article text. This layout may also appear if an image cannot load or if the image dimensions don't meet the minimum criteria to fit any of the three default layouts.
Note: Certain feeds may not show your layout preference.
Approximate Image Requirements
| Device | Layout | Minimum Image Dimensions | Ideal Image Dimensions |
| HD 1920x1080 | Large Picture | 960 x 540 | 1920 x 1080 |
| Medium Picture | 542 x 540 | 1280 x 720 | |
| Small Picture | 389 x H or W x 540 | 896 x 504 | |
| No Picture | N/A |
Note: For the Small Picture layout, the image only needs minimum width of 389 or a height of 540.
New York Times Example
Below is a series of images to further explain how this fallback implementation works. These screenshots are taken from a standard 1920x1080 monitor and the article image is roughly 150x150.
If you selected the third, Large Picture layout without the fallback, the article's image would have to be distorted and stretched in order to fit the 1920x1080 background.
The app would then fallback to the Medium Picture layout. Since the image still doesn't meet the requirements, it'll then compare itself against the Small Picture layout.
While the picture looks much better than the previous two layouts, it's still distorted when trying to conform to the available space allocated in the layout.
The image eventually resolves to the No Picture layout in the end.
For questions or concerns, please reach out to our Support Team at support@spectrio.com.