There was a problem loading the comments.

How to add media to your page?

Support Portal  »  Knowledgebase  »  Viewing Article

  Print
Add Media

The media can be inserted via Add Media button and the Single Image element etc.
d01ffff9a9c89e34b2995d231b390a5043e816b20d84296fa91ecd1812dc08efaa87ea7a8cae6273?t=ca493fa0a9bf7b258c41babb8a37e454

3d027d271bcf20c8585eeb5c5b267a6f080dda7733b875a40b087c53da5d204f12fc89e214ffd22a?t=cad2ee7448b0dfefef0b7f8fcc91af0f
1. Choose images from Media Library or Upload Files from local computer.

aca8fa1d2f0f6246c4704621ce02bd47bed2a77e77f3e01108e4934e56bfd48c5ae1fc12420ad6af?t=bb01efca7541cfcf186bf6644fb665ad

2. All images are restored in media library which you could manage separately under path: Dashboard > Media.

cf1b0ca1d1e1b48719a846a7e96ec002a5cfd8bb380122c5048f091ace6c0a19939fa3f5734b1676?t=a53a048fed2a6c0dfbedf9cb8a88ba75

3. Image dimension: If the image has some recommended dimension (such as 600px*400px), you will see some hint on back-end certain place or you could refer to the old image that has been upload for certain place. You will need to use some tool like Photoshop to process image to certain dimension before you upload to the website.


01e896b4a6dc635cd59d9634ba5b902612609746c8f8ff490f99cfbd323b3e98a0d84eb9b7454143?t=bc2548694819aaf7c631de9a54039933


4. Image size: Please try to control the image size to be under 100KB; even for full screen width image, ideally it should be under 600KB. Small size image is easy to load and will give your visitor a better experience.
5. Image formatPlease use .jpg for most cases, .png is only needed when you need transparent background. (Usually with same view experience, the size of .jpg is much smaller than .png)
6. Image title: Please only use English characters and numbers. DON'T use non alpha characters, it's bad for SEO.
  • Single Image Element

    Hover the single image element and then select the edit. The image can be set align, size, click action etc.

35b676ceb7d34d986d9796d4f5164b0774a17583a16e69fa98dedc2c446e42422f39c1d9607dbcea?t=11644bc122914d4e1c9b3c6ef0937c52

  • Set Background Image

    The background image setting is used to change the background image for a row or a column.

285f6c04292be52970b63e13278fcfc573965bc66a5b7560dbe758cf86b1cd4aa68675c982526d43?t=633cdc6c7c90c33d8aafc87bb908d7c2

4b24d4da187c01c34870820a5be6db93218dd23ec01264c09ee582d2bd08920df977542065ff85d1?t=d58948b6b24236504d8bb5fb9b8a14c7

Share via
Did you find this article useful?  

Related Articles


On-Premise Help Desk Software by SupportPal
© Eggplant Digital