USING EMBED CODE

If you haven’t used Graphic News' responsive screen graphics or interactives before, an easy way to start is to use the embed code supplied by Graphic News. Embed code is a small piece of code (available at the point of download) that you can paste onto your web page. Interactives use an iframe and stay say the same height as the screen width decreases. Responsive "screen" graphics use a div and get longer as the screen width decreases. Even if you host graphics locally on your own servers you can still use embed code.

As well as being an easy way to publish digital graphics, embed code also avoids compatibility issues associated with the way some Content Management Systems are constructed. Plus, if an interactive is hosted on a Graphic News server, your website will automatically display the intended font and the latest update. This is particularly important with SPORTLIVE graphics.

For graphics hosted by Graphic News, a cloud based Content Distribution Network is used to share the load. This also improves speed as the pages are served from a server near to you, but there is an economic downside – Graphic News is charged for the bandwidth and the number of hits. Graphic News therefore reserves the right to request websites with high visitor numbers to host graphics on their own servers, or pay a small supplement to cover the direct costs.

  1. INTERACTIVES: These are in HTML created in Tumult Hype. The embed code creates an iframe. For graphic GN12345 the embed code could be something like:

  2. RESPONSIVE SCREEN GRAPHICS: These are created in Adobe Illustrator and converted to HTML. A screen graphic is essentially an html <div> so it can be included anywhere on a web page. To ensure that the images are displayed properly regardless of the protocol used by your page, e.g. http/https, a small piece of javascript is used to pull the images in from a Graphic News server.

Websites may also host graphics themselves and use their own embed code, this reflecting where the graphics are hosted and how the website is structured. This is necessary if a graphic is modified or translated. If you host interactives yourself:
• You must make sure the graphic uses your own web fonts or the appearance will reflect whatever web font is available in the system or browser of the person viewing the graphic
• At least two members of your staff must be on our UPDATES e-alert list. This is particularly important if you are hosting Sportlive graphics

Welcome To Graphic News

At Graphic News we are fanatical about the news - what is happening in the world and why! Like other news websites we have different sections for sport and news, but unlike other sites we present the information visually and concisely in an infographic, with a short story giving the context, and links to the sources we have used.

Whether you are simply interested in world news and sport, looking to obtain occasional graphics, or would like unlimited usage, we have flexible solutions to meet your needs.

Profile Image
Signature

Jane Brodie, Director