Menu Icons

Modified on Thu, 16 Sep, 2021 at 4:54 PM

General Information


Purple DS apps offer the option of using custom icons for the menu used in the app (accessible by clicking on the menu icon in the top left corner or with a screen swipe from left to right).


If you want to use custom icons, you will need them in 3 different versions so they can be displayed properly on all devices.


Usually the format *.PNG is used, because the icons contain transparent areas. The required formats for the icons are


Requirements

  • PNG image with 120x120 pixel dimensions and with the file name: <iconname>@3x.png
  • PNG image with 80x80 pixel dimensions and with the file name: <iconname>@2x.png
  • PNG image with 40x40 pixel dimensions and with the file name: <iconname>.png


Example:

You want to create your own icon for the menu item Imprint. To ensure that the menu entry looks good on all device types, you must have the following 3 image files ready.


  • impressum@3x.png, with the dimensions 120x120 pixels
  • impressum@2x.png, with the dimensions 80x80 pixels
  • impressum.png, with the dimensions 40x40 pixels



Purple DS will choose one of the three image versions, depending on the device.


You can download sample Photoshop documents at the end of this article.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article