# Proper graphics for web design **URL:** \ **Category:** Third Party Developers\ **Created:** [July 7, 2020, 10:57pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632 "2020-07-07T22:57:06Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 7, 2020, 10:57pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/1 "2020-07-07T22:57:07Z")
Hello, I am relatively new to programming, although I do have a degree, I am now looking to make a website for eve. I want to be able to grab items from the market and show their thumbnail or graphic. I saw on the esi website their is a graphics section under universe. I pulled one of the generic id and put it into the specific graphic id option. the response was this below: { “graphic\_file”: “res:/dx9/model/turret/chain/m/chain\_m01\_t1\_fx\_stretch\_01a.red”, “graphic\_id”: 24576 } My question is how do I go about turning that into something an html page can use? Do i run that graphic\_file somewhere else? I haven’t seen that type of response before. Thank you for your help ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [July 7, 2020, 11:23pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/2 "2020-07-07T23:23:06Z")
You probably just want to use [https://developers.eveonline.com/blog/article/from-image-server-to-a-whole-new-image-service-1](https://developers.eveonline.com/blog/article/from-image-server-to-a-whole-new-image-service-1). ---
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 8, 2020, 1:02am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/3 "2020-07-08T01:02:48Z")
That was a great article, I managed to get some things working with it. I am having an issue where the types id for render and icon are not matching. I can pull the pictures for the icons but when I go to the render style, the img doesn’t even load up. Is there a proper way to get the right type ID. My main way I am loading the ID is through the market ID api and not the type Id. ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [July 8, 2020, 1:23am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/4 "2020-07-08T01:23:39Z")
Do you have an example? The IDs should be the same considering they’re the same item. ---
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 8, 2020, 1:38am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/5 "2020-07-08T01:38:40Z")
const icon = `https://images.evetech.net/types/${id}/icon` const img = `https://images.evetech.net/types/${id}/render`; These are the two I used. The icon gave me the correct one, but the render didn’t load an img. On a second look it is giving me a bad category error. How do I know the category off the market information or will I have to make a seperate call to find the category. ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [July 8, 2020, 1:58am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/6 "2020-07-08T01:58:55Z")
And what `type_id` are you using? Not all types have renders, so that would prob be your problem. ---
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 8, 2020, 2:03am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/7 "2020-07-08T02:03:17Z")
1. 0: 33359 2. 1: 6963 3. 2: 11540 4. 3: 14055 5. 4: 47975 6. 5: 16275 7. 6: 30744 8. 7: 30745 9. 8: 30746 Seems like none of these works, is it basically icons are the only things you can use if there is no render? ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [July 8, 2020, 2:08am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/8 "2020-07-08T02:08:12Z")
You can go to like [https://images.evetech.net/types/30744](https://images.evetech.net/types/30744) to see what variants that ID has. So in this case yea, all these types only have icons. You can however pick the size of the icon, so like [https://images.evetech.net/types/30744/icon?size=256](https://images.evetech.net/types/30744/icon?size=256) . However of course the larger you make it the less sharp it’ll become. ---
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 8, 2020, 2:09am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/9 "2020-07-08T02:09:36Z")
Very interesting thats some great info! Would there be a proper way to “test” if an item has a render and if not you could go to the alternative? ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [July 8, 2020, 2:11am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/10 "2020-07-08T02:11:53Z")
I mean do you really need renders for your use case? Given all you want to do is show the icon next to the related type, you don’t really need to have some giant image. Is the `64` sized icon not good enough? ---
**Author:** ![Zeus\_Sparta](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/zeus_sparta/32/217287_2.png) [@Zeus\_Sparta](https://forums.eveonline.com/u/Zeus_Sparta)\ **Post date:** [July 8, 2020, 2:22am UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/11 "2020-07-08T02:22:06Z")
Yea I guess it isn’t truly needed but like you said before it gets noticeably blurry at bigger sizes. ---
**Author:** ![Chris\_Corsten](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/chris_corsten/32/229146_2.png) [@Chris\_Corsten](https://forums.eveonline.com/u/Chris_Corsten)\ **Post date:** [September 29, 2020, 5:08pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/12 "2020-09-29T17:08:41Z")
Facing the same Problem atm. As Zeus mentioned, there are some Id’s that don’t match each other For example, if i get the typeId for a Lava Planet (universe/types/{type\_id}), the ESI Api gets me ``` ... "graphic_id": 3836, "group_id": 7, "icon_id": 10133, "mass": 1e+35, "name": "Planet (Lava)" ... ``` If i then go to graphic\_id 3836 (wich weirdly only supports icon) [https://images.evetech.net/types/3836/icon](https://images.evetech.net/types/3836/icon) no Lava Planet If i go to icon\_id 10133 (ah yes, this one also suports render, but Api says, its just an Icon, very suspicious) [https://images.evetech.net/types/10133/icon](https://images.evetech.net/types/10133/icon) well, still no Lava Planet To go further, my first try as well was: “yeah, got the graphic\_id now, lets send that to universe/graphics/{graphic\_id}” nice try, didn’t get an actual Image, but a path to a “res:” thingy ``` { "graphic_file": "res:/dx9/model/worldobject/planet/LavaPlanet.red", "graphic_id": 3836 } ``` (if someone could show me a link to a doc how to use them, i would be very happy) But sadly im still im back to the Question Zeus had already (graphicIds from Api and images Serer not matching), Using htt ps://images.evetech.net seemt not to work in this case (im limited to 2 links per post, so had to break this …) I don’t see any error im my progression, maybe someone knows whats faulty here. edit: So ok, i wondered what would happen, if i use the type\_id as it is. htt ps://images.evetech.net/types/2015 actually does work, but it only supports icon, icon so small ☹ Ingame these Images also do support bigger resolutions than the ImageServer wants to deliver. ---
**Author:** ![Blacksmoke16](https://sea1.discourse-cdn.com/eveonline/user_avatar/forums.eveonline.com/blacksmoke16/32/376589_2.png) [@Blacksmoke16](https://forums.eveonline.com/u/Blacksmoke16)\ **Post date:** [September 29, 2020, 10:05pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/13 "2020-09-29T22:05:09Z")
You can pass the size as a query param. I.e. [https://images.evetech.net/types/3836/icon?size=256](https://images.evetech.net/types/3836/icon?size=256). Of course the larger you make it the more pixelated it’s going to be since these types aren’t really made to get super large. ---
**Author:** ![system](https://global.discourse-cdn.com/eveonline/original/3X/4/1/41ec4921cbaca7a6f9ea556e7cc20018461eae5e.png) [@system](https://forums.eveonline.com/u/system)\ **Post date:** [December 28, 2020, 10:05pm UTC](https://forums.eveonline.com/t/proper-graphics-for-web-design/253632/14 "2020-12-28T22:05:20Z")
This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.