Joomlatools Support Center

Icon file format/specs needed

I utilize the icons feature for all category levels, to show small thumbnails of a representatie product in a product category. I have prepared images for that from Photoshop, and I believe done them correctly. I understand that I need to make those images PNG files, sized at 64 x 64 pixels. Most are transparent PNGs if that matters.

I am finding two potential problems, and need to find out if these are problems or not. I just wanted to confirm that the file format and specifications for preparing icons are correct.

1) When I run Xenu Link Sleuth on the site, it reports link errors on ALL the icons that I have prepared and inserted. The existing "system" icons provided with Docman 2 appear fine (no indicated problems).

2) When I right click on one of those icons (in Filefox 29.0.1), and choose "View Image Info", the "Location" value is this big long encrypted string value that looks something like this: data:image/png;base64,iVBOR...Jggg==

Answer

Posted 5 years ago by Johan Janssens Staff

Hi Gary, no need to be worried about this also no need to demand a reply. We are around 24/7 and you can be guaranteed a reply without 24h.

About your question, if you want to get the best result for your icons it's best to prepare them before hand already. This will give you the best quality possible.

The specs to use are PNG in 128x128. DOCman will auto re-size from there to the required format it needs. The biggest icon size we use is 128x128.

About the the broken links, icons in DOCman are Data URI's. This is a very specifc type of URL which doesn't include a link to an image but the data of the image itself. For more info see : http://en.wikipedia.org/wiki/Data_URI_scheme

Probably the tool you are using doesn't recognise the data uri and think they are not valid. They are very valid, otherwise the icon wouldn't not show. This also explains why if you right click the icon you get the data:image/png links string. This is the actuall data uri.

We use data uri's for performance reasons, icons are being transferred together with the page and do not need to be loaded separately. This is a performance boost as we are saving on additional requests to get the data. It also makes it possible to cache the page as a whole.

Does that help ?

Subscribe or login to join the discussion!

Gary Sande
06.06.14
Answered

System Information

2.0
n/a
n/a
n/a