Web-to-Print Features

Explore the robust features of the Picsart Photo and Video Editor SDK for Web-to-Print applications, designed to revolutionize your printing and design workflow.

Integrate Picsart Photo and Video Editor SDK seamlessly into your printing platform to unlock advanced editing capabilities for users to enhance and transform their content before printing. With a customizable user interface, and comprehensive tools, our editor ensures a seamless editing experience. Users can effortlessly select print sizes, preview the edited images, templates and make adjustments to achieve the desired print outcome. From personalized photo albums to greeting cards and posters, Picsart Photo and Video Editor SDK equips any platform with the necessary tools to enhance images and prepare them for printing. Elevate your printing application by offering professional-grade photo editing functionality that enhances the overall printing experience.

General Settings/Configurations

During the configuration and deployment process of our editor, developers can customize key settings to enhance the user experience. This includes the ability to choose between dark and light modes. Additionally, developers can configure the measurement units for templates, allowing users to work seamlessly with pixels, millimeters (mm), or centimeters (cm) based on their needs. These configurable settings provide a personalized and adaptable environment, ensuring a user-friendly experience tailored to the platform where the editor is being integrated to. The full list of settings can be found here.

Canvas

The canvas within our editor serves as a virtual workspace where users can effortlessly manipulate and enhance their images and templates. Acting as a blank area or digital representation of the content being edited, the canvas provides users with a visual and interactive editing environment. It allows users to perform a wide range of actions, including cropping, resizing, adding filters, applying effects, and making various adjustments to their content. With the canvas as the primary editing area, users can easily observe and preview real-time changes as they edit. Additionally, the canvas facilitates the arrangement and positioning of elements within the project enabling users to overlay multiple layers, merge or rearrange them, and create complex compositions.

The maximum size of the canvas is 8000x8000 pixels (64 megapixels). Read more about this here.

Printing Bleed area

To ensure accurate printing results, our application also provides the option to display the print bleed area on the canvas. This feature enables users to visualize and align their design elements within the bleed area, ensuring that no essential content is cut off during the printing process. By displaying the print bleed area on the canvas, users can confidently create print-ready designs that adhere to industry standards and achieve optimal printing outcomes.

In addition to the bleed area, the user can also find the safe area marker with a dashed line.

Currently two bleed are sizes are supported in different standards: .125inch from each side for US and 3mm from each side in the Metric system for, for example, Europe.

Shortcuts

Users are able to perform main actions using keyboard shortcuts. With these shortcuts, users can quickly access and execute essential functions, enhancing efficiency and productivity. By eliminating the need for manual mouse navigation, users can seamlessly manipulate images with ease, all through simple keyboard commands.

ActionKey
CopyCMD+C
Copy StyleOPT+CMD+C
PasteCMD+V
Paste StyleOPT+CMD+V
CutCMD+X
DeleteDel
LockCMD+L
UnlockSHIFT+CMD+L
HideCMD+H
ShowSHIFT+CMD+H
Select allCMD+A
DeselectESC
DuplicateCMD+DorALT+Drag
UndoCMD+Z
RedoSHIFT+CMD+Z
Zoom inCMD++
Zoom outCMD+-
Reset zoom to 100%CMD+0
BoldCMD+B
ItalicCMD+I
UnderlineCMD+U

Layers

In our editor, each object on the canvas is represented as a layer, conveniently displayed on the right side of the interface. The layer order directly corresponds to the stacking order of objects on the canvas. Users have the flexibility to rearrange layers by simply dragging and dropping them within the layers section. Additionally, the option to hide or lock layers provides further control over the visibility and editing of specific objects. This intuitive layer management system allows users to easily organize and manipulate elements on the canvas to achieve the desired composition.

Templates

Templates in our editor are pre-designed layouts that serve as a starting point for any creative project. We offer a variety of more than 2000 professionally crafted template designs, allowing users to quickly and easily create visually appealing content. Whether designing newsletters, invitations, business cards, or any other visual content, our templates provide a starting point to kickstart creativity. All templates are grouped under various categories, classes and sizes. Each template can be customized by adding images, text, and graphics. It also provides flexibility to adjust colors, rearrange elements, and apply artistic effects to achieve your desired look. The sizes of the templates within the editor are displayed based on the general settings.

For the template taxonomy see here.

Photos

Experience the convenience and versatility of our stock images feature. With a comprehensive library of high-quality visuals, users can effortlessly enhance their projects by accessing a wide range of professionally curated images. Please consider contacting your account manager to set the number and categories of stock images to be purchased, as well as connecting external stock image vendors. Whether users prefer to upload their own images, browse our extensive stock image collection, or provide image URLs, our editor accommodates their preferences for seamless integration. Additionally, users can easily drag and drop image files from their devices directly into the browser, further streamlining the image importing process. Picsart Photo and Video Editor SDK supports image formats such as JPG, JPEG, PNG, WEBP and HEIC, ensuring compatibility and flexibility for users to work with their preferred file types.

Our editor provides a robust list of tools to edit and adjust images, based on the needs of the user. From adding effects and removing backgrounds to adjusting lighting and more, our comprehensive functionality empowers you to achieve the perfect edits.

Our editor provides a range of powerful image editing capabilities:

  • Change Position: Easily adjust the image position by dragging and dropping it anywhere on the canvas.
  • Rotate: Effortlessly rotate the image to any desired angle by using the rotate icon and mouse or keypad controls.
  • Resize: Seamlessly adjust the image size on the canvas by dragging the corners or sides, expanding or shrinking as needed.
  • Flip: Flip the image horizontally or vertically for versatile editing options.
  • Align: Precisely align the image with the canvas or other objects using options such as top, middle, bottom, right, center, and left.
  • Crop: Crop the image to focus on specific areas or achieve the desired composition.
  • Opacity: Modify the image's opacity, allowing you to control its transparency. The default opacity is set to 100.
  • Blend Mode: By selecting different blend modes, users can seamlessly blend layers together, altering the appearance and composition of your image. Achieve transparency, color blending, and lightening/darkening effects to enhance your composition. Blend modes are normal, darken, multiply, color burn, lighten, screen, color dodge, overlay, soft light and hard light.
  • Effects: We offer a wide range of filters and overlays to add depth, vibrancy, and mood to the images.
  • Remove Background: This feature removes the background of an image with a click of a button. Utilizing high-end AI technology, our background remover detects the foreground object and automatically separates it from the background. Our algorithm is capable of handling the most diverse use cases, like small jewelry details, human hair, furry segments or any other complex edge types.
  • Erase: Utilize the eraser tool to selectively erase parts of the image. Adjust the eraser size, opacity, and hardness for precise editing.

Text

Our editor supports adding texts into the project and enables basic editing of texts.

  • Change Position: The position of the text can be changed by dragging it and dropping anywhere on the canvas.
  • Rotate: The text can be rotated at any angle by holding the rotate icon with mouse or keypad and rotating it.
  • Align: The position of the text box can be aligned with the canvas itself or other objects on the canvas. The options are: for top, middle, bottom, right, center, left.
  • Font: Font of the text can be changed to one of the fonts that we have in the system. We provide dozens of fonts with different styling. The default font packages include (ask your Account manager for more options):
    • Abril Fatface
    • Architects Daughter
    • Arvo
    • Caveat Brush
    • Dancing Script
    • Fira Sans
    • Great Vibes
    • Indie Flower
    • Lato
    • Merriweather
    • Oswald
    • Oxygen
    • Playfair Display
    • Playfair Display SC
    • Poppins
    • Quicksand
    • Righteous
    • Roboto Flex
    • Roboto Mono
    • Roboto Slab
    • Rubik
    • Satisfy
    • Vollkorn
  • Size: Size of the text can be changed either by setting a font size, or drag and dropping one of the corners of the text box in or out, depending on whether you want to increase or decrease the size of the font.
  • Color: Color of the text can be changed using multiple options from providing HEX, RGB, select form the color preset or choose from the color board.
  • Caps: Make the text all lowercase, upper case or title case.
  • Text alignment: The alignment of the text in the text box can be left, right, center or justified.
  • Spacing: The spacing between letters and the lines can be adjusted. By default it is set to 0.
  • Opacity: The opacity of the text can be changed. By default the volume is set to 100.
  • Stroke: A stroke can be added to the text. There are also options to change the color, size and opacity of the stroke. By default stroke is disabled.
  • Shadow: A shadow can be added to the text. There are also options to change the color, blurriness, opacity and the positions of the shadows.

Shapes

Picsart Photo and Video Editor SDK has a library of 16 shapes/elements (e.g. circle, triangle, square, hexagon, etc.) that can be added into the project. To get more options, please, contact your Account Manager.

  • Change Position: The position of the shape can be changed by dragging it and dropping anywhere on the canvas.
  • Rotate: The shape can be rotated at any angle by holding the rotate icon with mouse or keypad and rotating it.
  • Flip: The shape can be flipped horizontally or vertically.
  • Resize: The size of the shape on the canvas can be adjusted by drag and dropping either one of the corners or the sides of the shape.
  • Color: Color of the shape can be changed using multiple options from providing HEX, RGB, select form the color preset or choose from the color board.
  • Align: The position of the shape can be aligned with the canvas itself or other objects on the canvas. The options are: for top, middle, bottom, right, center, left.
  • Opacity: The opacity of the image can be changed. By default the volume is set to 100.
  • Stroke: A stroke can be added to the shape. There are also options to change the color, size, and opacity of the stroke. By default stroke is disabled.
  • Shadow: A shadow can be added to the shape. There are also options to change the color, blurriness, opacity and the positions of the shadows.

Background

Picsart Photo and Video Editor SDK enables the users to customize the canvas by selecting a background of any choice to enhance the overall composition of the images. With a simple click, users can set a background color, gradient, or even upload their own image to create a personalized touch.

  • Solid Color: Background color can be changed using multiple options from providing HEX, RGB, selecting from the color preset or choosing from the color board.
  • Gradient: Background color can be set as a 2 coloured gradient. The selection of the colors is the same as in the case of solid colors.
  • Image: An image can be set as the background for the canvas. It can be specifically uploaded as a background, or any image on the canvas can be set as a background with the write click menu. It is also possible to select from the library of our stock images and set them as a background.

Print-ready PDF Export

Two versions of PDFs are available for export: print-preview, print-ready.

The print preview PDF shows the product as it will look like after the paper is cut.

The print-ready PDF includes the color bars, crop marks, star targets, registration marks, tint bars, margins and each of these can be removed if needed (see details). The print-ready PDF is of version 1.7 (ISO 32000-1:2008). The colors are in RGB.

The design in the canvas.

The design in the canvas.

The print-preview PDF.

The print-preview PDF.

The print-ready PDF.

The print-ready PDF.

You can download these PDFs for review: Preview, Print-Ready.