#Add pictures to gif mobile code#

Drag and drop a new image over the old one. Drag and drop a new image directly on to the Picture icon in the Picture widget control.ģ. Click on the Picture icon in the Picture widget control and choose a file.Ģ. There are three ways to replace an image:ġ. If Lightbox is enabled, an image will be expanded to full-screen when clicked on.

#Add pictures to gif mobile code#

The attribute will then appear in the source code of your project. To add an alt attribute to your image, click the Semantics attribute in your widget settings and enter text in the pop-up window. Blurred placeholders will now be shown instead of actual images while your project is loading. To activate this option, open project settings and go to the Viewer tab, then enable Progressive images. If your project has a lot of content to load, you can streamline it by using lower-quality placeholders for images. To stretch your picture proportionally with the screen, select the Full-Width or Full-height position under Position in your widget controls.

If you need to adjust your widget to the size of an original image, go to the Crop attribute: move the slider to check the percentage size of your current widget compared to the original image. To enlarge the image, simply drag the sides of the widget. That means you can select different settings for the same widget in the desktop, tablet, and mobile versions of your project.Īfter your image is uploaded, it scales up to the width and height of a widget container. Radiuses do not synchronize between layouts. Independent-set a different radius for each corner of your image.Automatic-all the corners of an image are rounded simultaneously.You can add a Border, set Radius, change Opacity and use Crop control, as well as standard Rotation for simple editing tasks. Basic editingĬlick on the Picture to access widget controls, which will load on the right side. Scroll to the end of this article to find out more about adapting your images for Retina screens.

We highly recommend users optimize their images before uploading them to maximize the project’s loading time. We support JPG, GIF, PNG, SVG, and BMP files up to 6 MB.