FAQ: SCREEN GRAPHICS 4: PUBLISHING

When responsive graphics are published on a web page, unlike interactives, the height of the graphic gets longer as the screen width decreases. iframes can not therefore be used.

| 1. PRINCIPLE| 2 . AI2HTML SCRIPT - familiarisation | 3. EDITING & MODIFYING| 5. SCREEN TO PRINT |

  1. One option is to paste the html created by the AI2HTML script (hundreds of lines of code) onto the page, ensuring the images are called in dynamically from whatever server/directory you store them on, or from the Graphic News server. An easier option is to use embed code.

  2. Alternatively the embed code supplied by Graphic News can be used:
    USING EMBED CODE

  3. Embed code can also be used if you host the graphic locally: The folder containing the html and images can be storied on your own servers (as you would an interactive graphic). You can then use embed code on your editorial system to locate and include it at an appropriate position within your page. As each editorial system is different, your developers would be the best people to help you with this, but please contact us if you’re having difficulty.

  4. Previews: Many websites, including the Graphic News home page, use preview images for graphics that are “landscape” (i.e. the width more than the height). The preview image used by Graphic News, R.jpg , is therefore packaged along with each responsive graphic


Welcome to Graphic News

Please get in the habit of logging in when you arrive as some pages may soon be restricted. If you are new to Graphic News there is a Website Guide to help you find your way around.


November 24, 2017 — Ai2HTML screen graphics - The script has been updated to allow multiple screen graphics to be published on the same web page. Click here for instructions


November 24, 2017 — Training - mobile graphics- The GN AI2HTML method is very fast and easy. It allows designers with conventional design skills to produce responsive “mobile” friendly graphics to meet news deadlines. Contact helpdesk @ graphicnews.com if you would like to join our next training course.


If you need help or have questions at any time, please contact us

Cookies