Differences

This shows you the differences between two versions of the page.

--- en:how_to_upload_pictures [2014/07/18 14:01] – created sl
+++ en:how_to_upload_pictures [2025/07/16 09:49] (current) – [2. Media-Browser] bk
@@ Line 1: / Line 1: @@
-====== How to upload pictures ======
+====== How do I upload pictures? ======
 There are two basic options to place pictures in your emails:
-. You can upload Pictures, pdf-documents or other media files to your promio-mail client folder under //Content > Media Browser// to make them online available.
+  - If you use the E-Mail Builder and add a layout with places for pictures, you can click on the image symbol (grey rectangle) and directly upload and edit a picture.
+  - Go to //Content > Media Browser// to upload images, PDFs or other media data in the promio.connect file system. The files are now available online.
-. If you use the email builder, you can click on the image symbol to upload and edit your pictures directly.
+\\
-=== 1. Media Browser ===
+====== 1. Image Editor ======
-Under //Content > Media Browser// in the actions box, you can select a file from the desktop and upload it, you can create a new directory or rename an already uploaded file (to rename the file, first select it by clicking on it in the directory tree).
+When you are in the //E-mail builder//, click on the image symbol to choose a picture. Click the symbol in the Creative first, then again in the Image Editor on the right. Now you can resize the image, adjust the image spacing, and more.
-{{:en:mediabrowser_aktionen_en.png?nolink&300|}}
+<WRAP round tip 100%>
+Include alt text for your image. To improve digital accessibility, our quality control will issue a warning if it isn't included.
+</WRAP>
-You can view the uploaded images in the preview beforehand. Using the path indicated here, these files can be incorporated into or linked to a mailing.
+{{:en:delivery_drafts_creatives_editor.png?400|}}
-{{:en:mediabrowser_preview_en.png?nolink&400|}}
+If you click the gear wheel instead, the following menu will open:
-<WRAP center round tip 60%>
+{{:en:drafts_mediabrowser.png?400|}}
-The media browser also supports zip files. After uploading, these are automatically extracted into the chosen directory.
-</WRAP>
-Now you can use the shown URL to link the picture in the email.
+Here you can execute the following actions:
-=== 2. Editor ===
-When you are in the email builder, click on the image symbol to choose a picture. If you can't insert the image URL directly, click on //Browse Server//.
+//Add link//: Insert a link which is activated by a click on the image \\
+//Replace (Upload)//: Insert a new image directly from your computer \\
+//Replace (Media-Browser)//: Access the Media-Browser to select an image from there \\
+//Remove image//: remove the inserted image \\
+//Add entry to table of contents//: Add the note about the image to the table of contents
-{{:en:editor_browseserver_en.png?nolink&600|}}
+This window opens if you clicked directly on the image symbol:
-If you have already upload the picture into your Media Browser, you can choose it there. But you can also upload the picture directly by clicking on //Bildupload//. After that, you can click on //Choose File// to select a picture from your computer and upload it in the email.
+{{:de:delivery_drafts_creatives_pictureupload.png?500|}}
-{{:en:editor_bildupload_en.png?nolink&600|}}
+You now have different options to chose a picture:
+  * My device: upload image from your computer
+  * Link (URL): Insert a link, e.g. a path to the Media Browser
+  * Web Search: Look for an image on the web. (We do not recommend this due to copyright laws.)
+  * Use a picture from Facebook, Instagram, Google Drive or Dropbox.
+When you have chosen your image it can be edited during the upload:
-In the //Image Info// window, you can change the size of the picture, space, alignment etc..
+{{:de:delivery_drafts_creatives_pictures.png?500|}}
-<WRAP center round tip 60%>
+======= 2. Media Browser =======
-If you click on //Edit manually//, the Aviary-Editor is opening and you have lots of editing options there.
+Go to Content > Media Browser  to upload one or more data files or to create a new directory.
+{{:en:content_mediabrowser_upload.png?nolink&200|}}
+Navigate with your cursor or use your arrow keys to select a folder or data file. With the enter button or with a click, you open the folder or file. Use the search field on the top to find your files.
+By clicking the loupe symbol {{:de:button_loupe.png?nolink&30|}}, you can search for files or directories.
+{{:de:content_mediabrowser_search.png?nolink&500|}}
+<WRAP round important 90%>
+Please note that only these file types can be uploaded: .gif, .jpg, .jpeg, .png, .pdf, .woff, .woff2, and .otf.
 </WRAP>
-{{:en:editor_bildupload_manual_en.png?nolink&450|}} {{:en:aviary_en.png?nolink&450|}}
-{{tag>Images Pictures Media-Browser Files Edit-Options Aviary Upload}}
+By clicking on the uploaded image, you can see the last date of saving, the size, the format, and the URL. You can use the displayed URL to link the image within the email’s content.
+{{:de:content_media_browser_example.png?nolink&400|}}
+Watch a tutorial on uploading files to the Media Browser: \\
+<html>
+<iframe class="md-youtube-embed" width="560" height="315" src="https://www.youtube-nocookie.com/embed/mt-URV8ykGs?si=CDqY-VOA4X9zrtaY&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</html>
+{{tag>images pictures files uploads media_browser image_processing }}

User Tools

Site Tools

Differences

Page Tools