{"id":60,"date":"2024-06-03T12:04:33","date_gmt":"2024-06-03T12:04:33","guid":{"rendered":"http:\/\/blog.dynapictures.com\/?p=60"},"modified":"2024-12-13T15:02:33","modified_gmt":"2024-12-13T15:02:33","slug":"how-to-generate-images-using-url-parameters","status":"publish","type":"post","link":"https:\/\/blog.dynapictures.com\/how-to-generate-images-using-url-parameters\/","title":{"rendered":"How to Generate Images with URL Parameters"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">Table of Contents<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. <a href=\"#Overview\">Overview of Image Generation with URL Parameters<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. <a href=\"#what-is-dynamic-image-generation\">What Is Dynamic Image Generation Using URL?<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. <a href=\"#How-to-Create-a-Dynamic-Image-URL\">How to Create a Dynamic Image URL<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. <a href=\"#Customizable-Parameters\">Customizable URL Parameters<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. <a href=\"#advanced-image-generation\">Advanced Image Generation with URL Using API<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. <a href=\"#Use-Cases\">Use Cases for Dynamic Image Generation With URL<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7. <a href=\"#Security-Aspects\">Security and Best Practice of Image Generation with URL<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">8. <a href=\"#Coming-Features\">Coming Features<\/a><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"Overview\">Overview of Image Generation with URL Parameters<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"1432\" src=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456.png\" alt=\"Generating image with URL\" class=\"wp-image-1085\" srcset=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456.png 2880w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456-300x149.png 300w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456-1024x509.png 1024w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456-768x382.png 768w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456-1536x764.png 1536w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/dynapictures.com_app_url-params_0969cd7215_ed3d419456-2048x1018.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Generating dynamic images with URLs has never been easier. With DynaPictures&#8217; <a href=\"https:\/\/dynapictures.com\/image-generation-api\">image generation<\/a>, you can use URL parameters to create and personalize visuals in seconds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide will walk you through every step, whether you\u2019re looking to generate images from URLs for banners, automate blog thumbnails, or upload multiple templates for bulk generation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By the end of this guide, you\u2019ll know how to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Automate image generation with tools and integrations.<\/li>\n\n\n\n<li>Generate custom images using URL parameters.<\/li>\n\n\n\n<li>Use link parameters to edit templates dynamically.<\/li>\n\n\n\n<li>Upload files and manage multiple images efficiently.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Before we dive into how to create a dynamic image URL and personalize images, please&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Common_questions\/What_is_a_URL\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">read about URLs<\/a>&nbsp;if you are not familiar with this concept yet.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"what-is-dynamic-image-generation\">What Is Dynamic Image Generation Using URL?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dynamic image generation involves creating visuals by modifying templates through parameters in a URL or API request.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With DynaPictures, you can adjust text, colors, backgrounds, and images in real-time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Benefits of Using URL Parameters to Generate Images:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Save time by automating repetitive design tasks.<\/li>\n\n\n\n<li>Generate multiple images at scale for banners, blog visuals, or social media.<\/li>\n\n\n\n<li>Customize every aspect of your template, from text to uploaded files.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"How-to-Create-a-Dynamic-Image-URL\">How to Create a Dynamic Image URL<\/h2>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1: Choose your Template and Get the UID<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Start by selecting a template in DynaPictures. Open the Template Editor to customize its design, including layers for text, images, and colors.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Find Your Template UID<\/strong>: The unique identifier (UID) for your template is located in the top-left corner of the editor. You\u2019ll use this UID to generate your image with a link.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">With URL parameters you can generate images on the fly just by changing parameters in the image link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1324\" height=\"705\" src=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.22.38.png\" alt=\"generate images with URL\" class=\"wp-image-1083\" srcset=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.22.38.png 1324w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.22.38-300x160.png 300w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.22.38-1024x545.png 1024w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.22.38-768x409.png 768w\" sizes=\"auto, (max-width: 1324px) 100vw, 1324px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The dynamic image URL is built using the following schema:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-1\"><code> <span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: inherit;\">https:\/\/api.dynapictures.com\/links\/{TEMPLATE_UID}.png?params={PARAMS}&amp;metadata={METADATA}<\/span><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You need to replace {TEMPLATE_UID}, {PARAMS}, and {METADATA} with your own values. Let&#8217;s go over each parameter in detail.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2: Add URL Parameters to Customize your Image<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To dynamically update your image, specify parameters in the URL. You can <a href=\"https:\/\/dynapictures.com\/docs\/#image-generation\">learn more about the parameters<\/a> in our documentation. These parameters allow you to change specific template layers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The individual elements of the string are represented as a trinity of layer name, parameter name, and parameter value. So we can specify the layer we want to customize the parameters for.<br>For instance, an image, and then the parameter of this layer, for instance, an imageUrl and then finally we provide the value of the image URL as a last piece.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Parameter Format:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-2\"><code> <span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: inherit;\">{LAYER_NAME}---{PARAMETER_NAME}___{PARAMETER_VALUE}<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The layer name can be found in the list of layers on the left or in the settings panel of a layer when it&#8217;s selected:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1339\" height=\"710\" src=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.29.47.png\" alt=\"Image layer name for modifying with URL parameters\" class=\"wp-image-1084\" srcset=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.29.47.png 1339w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.29.47-300x159.png 300w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.29.47-1024x543.png 1024w, https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/Greenshot-2024-12-13-14.29.47-768x407.png 768w\" sizes=\"auto, (max-width: 1339px) 100vw, 1339px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Examples:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To update text in a layer named <code>title<\/code>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-3\"><code>title---text___Welcome to DynaPictures<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To upload an image for a layer named <code>banner<\/code>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-4\"><code>banner---imageUrl___https:\/\/example.com\/banner.png<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Combine multiple parameters using the <code>&lt;&gt;<\/code> separator. Example:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-5\"><code>https:&#47;&#47;api.dynapictures.com\/links\/{UID}.png?params=title---text___Welcome&lt;&gt;banner---imageUrl___https:\/\/example.com\/banner.png<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3: Test Your Image URL<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Copy the generated URL into your browser or tool to preview your customized image. For example:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-6\"><code>https:&#47;&#47;api.dynapictures.com\/links\/841da84b3c.png?params=title---text___Welcome&lt;&gt;banner---imageUrl___https:\/\/example.com\/banner.png<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if we want to personalize an image URL of the image layer with the&nbsp;<code>image5<\/code>&nbsp;name:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-7\"><code> <span style=\"background-color: rgba(56, 56, 56, 0.2); font-family: inherit; font-size: inherit; color: inherit;\">image5---imageUrl___https:\/\/dynapictures.com\/images\/banners\/cat1.jpeg<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">And if we need to personalize the text content of the text layer with the&nbsp;<code>text3<\/code>&nbsp;name:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-8\"><code> <span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: var(--base-3);\">text3---text___Hello John!<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, here is how the final URL will look like if we want to customize both&nbsp;<code>image5<\/code>&nbsp;and&nbsp;<code>text3<\/code>&nbsp;for the image template with UID&nbsp;<code>e26cd0daf7<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-9\"><code>https:\/\/api.dynapictures.com\/links\/e26cd0daf7.png?params=text3---text___Hello John!&lt;&gt;image5---imageUrl___https:\/\/dynapictures.com\/images\/banners\/cat1.jpeg<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>METADATA<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Custom information can be saved within the generated image and used in the following processing steps of the image workflow. You can specify it in this optional metadata parameter:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-10\"><code> <span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: inherit;\">https:\/\/api.dynapictures.com\/links\/{TEMPLATE_UID}.png?metadata={METADATA}<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-11\"><code> <span style=\"background-color: initial; font-family: inherit; font-size: inherit; color: inherit;\">https:\/\/api.dynapictures.com\/links\/e26cd0daf7.png?metadata=John Doe<\/span><\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"Customizable-Parameters\">Customizable URL Parameters<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Similar to our REST API, you can pass the following parameters for customization via URL parameters (The parameter name is&nbsp;the second item in the trinity LAYER-PARAM-VALUE):<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>text<\/td><td>The text to be rendered in the text layer.<\/td><\/tr><tr><td>color<\/td><td>The color of the text. E.g.&nbsp;<code>#000000<\/code>,&nbsp;<code>rgb(0,0,0)<\/code>&nbsp;or&nbsp;<code>rgba(0,0,0,0.5)<\/code>.<\/td><\/tr><tr><td>backgroundColor<\/td><td>The background color of the layer. E.g.&nbsp;<code>#fff<\/code>,&nbsp;<code>rgb(255,255,255)<\/code>&nbsp;or&nbsp;<code>rgba(0,0,0,0.5)<\/code>.<\/td><\/tr><tr><td>borderColor<\/td><td>The border color of the layer. E.g.&nbsp;<code>#000000<\/code>,&nbsp;<code>rgb(0,0,0)<\/code>&nbsp;or&nbsp;<code>rgba(0,0,0,0.5)<\/code>. When defining this field, it&#8217;s a good idea to specify a&nbsp;<code>borderWidth<\/code>&nbsp;property as well<\/td><\/tr><tr><td>borderWidth<\/td><td>The border width of the layer. E.g.&nbsp;<code>1px<\/code>.<\/td><\/tr><tr><td>borderRadius<\/td><td>The border radius of the layer. E.g.&nbsp;<code>5px<\/code>&nbsp;or&nbsp;<code>50%<\/code>.<\/td><\/tr><tr><td>imageUrl<\/td><td>The image to be used when rendering an image layer.<\/td><\/tr><tr><td>opacity<\/td><td>Floating-point number representing the transperency of the layer. The&nbsp;<code>0<\/code>&nbsp;makes a layer fully transparent and the&nbsp;<code>1<\/code>&nbsp;leaves it as is.<\/td><\/tr><tr><td>chartColor<\/td><td>The color of the chart. E.g.&nbsp;<code>#000000<\/code>,&nbsp;<code>rgb(0,0,0)<\/code>&nbsp;or&nbsp;<code>rgba(0,0,0,0.5)<\/code>.<\/td><\/tr><tr><td>chartLabelColor<\/td><td>The color of the chart labels on the X and Y axis. E.g.&nbsp;<code>#000000<\/code>,&nbsp;<code>rgb(0,0,0)<\/code>&nbsp;or&nbsp;<code>rgba(0,0,0,0.5)<\/code>.<\/td><\/tr><tr><td>chartDataLabels<\/td><td>List of labels to be shown on the X axis. E.g.&nbsp;<code>['2021-01-01', '2021-02-01', '2021-03-01', '2021-04-01']<\/code>. The values are in the datetime format and also can be provided in the form like&nbsp;<code>11 Feb 2017 GMT<\/code>,&nbsp;<code>9 October 2019 07:37:30 UTC<\/code>&nbsp;or&nbsp;<code>2020-04-01 10:35<\/code>.<\/td><\/tr><tr><td>chartDataValues<\/td><td>Data series of the chart. E.g.&nbsp;<code>[8.1, 13.57, 15.75, 17.1]<\/code>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Find extended guidance and information on APIs in our <a href=\"https:\/\/dynapictures.com\/docs\/#introduction\">documentation<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"advanced-image-generation\"><strong>Advanced Image Generation with URL Using API<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For more advanced use cases, you can generate images programmatically via the <a href=\"https:\/\/dynapictures.com\/image-generation-api\">DynaPictures Image Generation API<\/a>. This method provides additional flexibility for automating bulk image creation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>API Request Example:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-12\"><code>curl -d '{\n  \"params\": &#91;\n    { \"name\": \"title\", \"text\": \"Welcome\", \"color\": \"#333\" },\n    { \"name\": \"banner\", \"imageUrl\": \"https:\/\/example.com\/banner.png\" }\n  ]\n}' \\\n-H \"Authorization: Bearer {API_KEY}\" \\\n-H \"Content-Type: application\/json\" \\\n-X POST https:\/\/api.dynapictures.com\/designs\/{UID}\n<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>API Response Example:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-13\"><code>{\n  \"id\": \"c13bd141c7\",\n  \"imageUrl\": \"https:\/\/api.dynapictures.com\/images\/d12fb6f526\/e26ca071c7.png\",\n  \"thumbnailUrl\": \"https:\/\/api.dynapictures.com\/images\/d12fb6f526\/e26ca071c7-thumb.png\"\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This API workflow is ideal for generating multiple images or <a href=\"https:\/\/dynapictures.com\/blog\/how-to-use-zapier-for-design-automation-with-dynapictures\/\">integrating with automation tools like Zapier<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"Use-Cases\"><strong>Use Cases for Dynamic Image Generation<\/strong> With URL<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">DynaPictures supports a wide range of use cases, including:<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\"><strong>1. Banner Images<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Easily <a href=\"https:\/\/dynapictures.com\/blog\/how-to-generate-banners-for-tweets-using-dynapictures\/\">create banners for social media platforms like Twitter<\/a>, LinkedIn, or Facebook. Use URL parameters to dynamically adjust text, logos, and background colors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-14\"><code>https:\/\/api.dynapictures.com\/links\/{UID}.png?params=banner---text___Sale Now&lt;&gt;logo---imageUrl___https:\/\/example.com\/logo.png<\/code><\/pre>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\"><strong>2. Blog Thumbnails<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Automate blog thumbnail creation by uploading multiple images or using a data source like a spreadsheet. Customize titles, colors, and featured images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-medium-font-size\"><strong>3. Bulk Image Generation<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Generate hundreds of images for marketing campaigns by integrating DynaPictures with tools like Google Sheets or APIs.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"Security-Aspects\">Security and Best Practice of Image Generation with URL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"Coming-Features\">When you embed the image on the page, someone else may look into the code of your page, take the image URL, and then place it on her own website. This&nbsp;will consume your credits. We are working on the protection for this case and will add the URL signature parameter soon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"Coming-Features\">You will need to calculate the signature and sign the request each time when you build a URL. This will ensure that only those having a signature key can use your URL parameters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So here&#8217;s your checklist to generate images with URLs safely:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URL Security:<\/strong> Protect your image URLs by implementing URL signing (coming soon).<\/li>\n\n\n\n<li><strong>Metadata:<\/strong> Add metadata to track image context or associate data with generated files.<\/li>\n\n\n\n<li><strong>Avoid Hardcoding:<\/strong> Use environment variables to store sensitive data like API keys.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"Coming-Features\">Coming Features<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We are going to include a&nbsp;<code>cache<\/code>&nbsp;parameter, that will allow you to control when the actual image is generated, when the credits are actually consumed, and when the already generated image is cached and returned in the response. Check this page later for updates.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">FAQ<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1733508748851\"><strong class=\"schema-faq-question\"><strong>What does &#8220;generate image from URL&#8221; mean?<\/strong><\/strong> <p class=\"schema-faq-answer\">Generating images from URL refers to creating dynamic visuals by modifying a template through parameters in a URL or API request. Tools like DynaPictures allow users to adjust text, colors, and images in real-time using simple URLs.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733773718355\"><strong class=\"schema-faq-question\">How can I generate a dynamic image URL?<\/strong> <p class=\"schema-faq-answer\">To create a dynamic image URL, follow these steps:<br\/>Choose a template in DynaPictures and find its UID.<br\/>Add URL parameters to customize text, images, and colors dynamically.<br\/>Use the URL schema:<br\/><code>https:\/\/api.dynapictures.com\/links\/{TEMPLATE_UID}.png?params={PARAMS}<\/code><br\/>Replace placeholders with actual values to generate your image.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733508793049\"><strong class=\"schema-faq-question\">What are URL parameters, and how do I use them?<\/strong> <p class=\"schema-faq-answer\">URL parameters are key-value pairs that specify customizations for template layers. For example:<br\/>Update text: <code>title---text___Welcome<\/code><br\/>Add an image: <code>banner---imageUrl___https:\/\/example.com\/banner.png<\/code><br\/>Combine multiple parameters with <code>&lt; ><\/code> to customize multiple layers in one URL.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733508768382\"><strong class=\"schema-faq-question\">How can I generate multiple images at once?<\/strong> <p class=\"schema-faq-answer\">Use tools like Zapier, Google Sheets, or the DynaPictures API to automate bulk image creation. This is ideal for blog thumbnails, banners, or marketing visuals.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733508813045\"><strong class=\"schema-faq-question\">How do I test my generated image URL?<\/strong> <p class=\"schema-faq-answer\">Copy the completed URL into your browser or tool to preview the image. For example:<br\/><code>https:\/\/api.dynapictures.com\/links\/{UID}.png?params=title---text___Hello&lt;>banner---imageUrl___https:\/\/example.com\/banner.png<\/code><\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733508867574\"><strong class=\"schema-faq-question\">What formats are supported for generated images?<\/strong> <p class=\"schema-faq-answer\">DynaPictures supports PNG, JPEG, WebP, and AVIF formats.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1733774632109\"><strong class=\"schema-faq-question\">Can I add metadata to a generated image?<\/strong> <p class=\"schema-faq-answer\">Yes, you can include custom metadata in the URL to track image context or associate additional data. Example:<br\/><code>https:\/\/api.dynapictures.com\/links\/{UID}.png?metadata=CustomMetadata<\/code><\/p> <\/div> <\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":105,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"categories":[11],"tags":[24],"class_list":["post-60","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-generation","tag-generate-images-with-url","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Generate Images with URL Parameters - DynaPictures Blog<\/title>\n<meta name=\"description\" content=\"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Generate Images with URL Parameters - DynaPictures Blog\" \/>\n<meta property=\"og:description\" content=\"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/\" \/>\n<meta property=\"og:site_name\" content=\"DynaPictures Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-03T12:04:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-13T15:02:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"340\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alex Vushkan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex Vushkan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-generate-images-using-url-parameters\\\/\"},\"author\":{\"name\":\"Alex Vushkan\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/person\\\/78e6e4fd1ecd41aaedbb2d6c610234b1\"},\"headline\":\"How to Generate Images with URL Parameters\",\"datePublished\":\"2024-06-03T12:04:33+00:00\",\"dateModified\":\"2024-12-13T15:02:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-generate-images-using-url-parameters\\\/\"},\"wordCount\":1456,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/url-params-340x340-1.jpeg\",\"keywords\":[\"Generate Images with URL\"],\"articleSection\":[\"Image Generation\"],\"inLanguage\":\"en-US\"},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/how-to-generate-images-using-url-parameters\\\/\",\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/\",\"name\":\"How to Generate Images with URL Parameters - DynaPictures Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/url-params-340x340-1.jpeg\",\"datePublished\":\"2024-06-03T12:04:33+00:00\",\"dateModified\":\"2024-12-13T15:02:33+00:00\",\"description\":\"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508748851\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733773718355\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508793049\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508768382\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508813045\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508867574\"},{\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733774632109\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/url-params-340x340-1.jpeg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/url-params-340x340-1.jpeg\",\"width\":340,\"height\":340},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.dynapictures.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Generate Images with URL Parameters\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/\",\"name\":\"DynaPictures Blog\",\"description\":\"Dynamic Image Generation\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.dynapictures.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#organization\",\"name\":\"DynaPictures Blog\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo_dynapictures.svg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/logo_dynapictures.svg\",\"caption\":\"DynaPictures Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/#\\\/schema\\\/person\\\/78e6e4fd1ecd41aaedbb2d6c610234b1\",\"name\":\"Alex Vushkan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/blog.dynapictures.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/alex-avatar-150x150.jpg\",\"caption\":\"Alex Vushkan\"},\"url\":\"https:\\\/\\\/blog.dynapictures.com\\\/author\\\/alex\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508748851\",\"position\":1,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508748851\",\"name\":\"What does \\\"generate image from URL\\\" mean?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Generating images from URL refers to creating dynamic visuals by modifying a template through parameters in a URL or API request. Tools like DynaPictures allow users to adjust text, colors, and images in real-time using simple URLs.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733773718355\",\"position\":2,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733773718355\",\"name\":\"How can I generate a dynamic image URL?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To create a dynamic image URL, follow these steps:<br\\\/>Choose a template in DynaPictures and find its UID.<br\\\/>Add URL parameters to customize text, images, and colors dynamically.<br\\\/>Use the URL schema:<br\\\/>https:\\\/\\\/api.dynapictures.com\\\/links\\\/{TEMPLATE_UID}.png?params={PARAMS}<br\\\/>Replace placeholders with actual values to generate your image.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508793049\",\"position\":3,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508793049\",\"name\":\"What are URL parameters, and how do I use them?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"URL parameters are key-value pairs that specify customizations for template layers. For example:<br\\\/>Update text: title---text___Welcome<br\\\/>Add an image: banner---imageUrl___https:\\\/\\\/example.com\\\/banner.png<br\\\/>Combine multiple parameters with &lt; > to customize multiple layers in one URL.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508768382\",\"position\":4,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508768382\",\"name\":\"How can I generate multiple images at once?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Use tools like Zapier, Google Sheets, or the DynaPictures API to automate bulk image creation. This is ideal for blog thumbnails, banners, or marketing visuals.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508813045\",\"position\":5,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508813045\",\"name\":\"How do I test my generated image URL?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Copy the completed URL into your browser or tool to preview the image. For example:<br\\\/>https:\\\/\\\/api.dynapictures.com\\\/links\\\/{UID}.png?params=title---text___Hello&lt;>banner---imageUrl___https:\\\/\\\/example.com\\\/banner.png\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508867574\",\"position\":6,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733508867574\",\"name\":\"What formats are supported for generated images?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"DynaPictures supports PNG, JPEG, WebP, and AVIF formats.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733774632109\",\"position\":7,\"url\":\"https:\\\/\\\/dynapictures.com\\\/blog\\\/how-to-generate-images-using-url-parameters\\\/#faq-question-1733774632109\",\"name\":\"Can I add metadata to a generated image?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, you can include custom metadata in the URL to track image context or associate additional data. Example:<br\\\/>https:\\\/\\\/api.dynapictures.com\\\/links\\\/{UID}.png?metadata=CustomMetadata\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Generate Images with URL Parameters - DynaPictures Blog","description":"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/","og_locale":"en_US","og_type":"article","og_title":"How to Generate Images with URL Parameters - DynaPictures Blog","og_description":"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API","og_url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/","og_site_name":"DynaPictures Blog","article_published_time":"2024-06-03T12:04:33+00:00","article_modified_time":"2024-12-13T15:02:33+00:00","og_image":[{"width":340,"height":340,"url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg","type":"image\/jpeg"}],"author":"Alex Vushkan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alex Vushkan","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#article","isPartOf":{"@id":"https:\/\/blog.dynapictures.com\/how-to-generate-images-using-url-parameters\/"},"author":{"name":"Alex Vushkan","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/person\/78e6e4fd1ecd41aaedbb2d6c610234b1"},"headline":"How to Generate Images with URL Parameters","datePublished":"2024-06-03T12:04:33+00:00","dateModified":"2024-12-13T15:02:33+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.dynapictures.com\/how-to-generate-images-using-url-parameters\/"},"wordCount":1456,"publisher":{"@id":"https:\/\/blog.dynapictures.com\/#organization"},"image":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg","keywords":["Generate Images with URL"],"articleSection":["Image Generation"],"inLanguage":"en-US"},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/blog.dynapictures.com\/how-to-generate-images-using-url-parameters\/","url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/","name":"How to Generate Images with URL Parameters - DynaPictures Blog","isPartOf":{"@id":"https:\/\/blog.dynapictures.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#primaryimage"},"image":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg","datePublished":"2024-06-03T12:04:33+00:00","dateModified":"2024-12-13T15:02:33+00:00","description":"Guide on how to generate images using URL parameters. Generate images dynamically in bulk with this quick guide on image generation API","breadcrumb":{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508748851"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733773718355"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508793049"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508768382"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508813045"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508867574"},{"@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733774632109"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#primaryimage","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/06\/url-params-340x340-1.jpeg","width":340,"height":340},{"@type":"BreadcrumbList","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.dynapictures.com\/"},{"@type":"ListItem","position":2,"name":"How to Generate Images with URL Parameters"}]},{"@type":"WebSite","@id":"https:\/\/blog.dynapictures.com\/#website","url":"https:\/\/blog.dynapictures.com\/","name":"DynaPictures Blog","description":"Dynamic Image Generation","publisher":{"@id":"https:\/\/blog.dynapictures.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.dynapictures.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.dynapictures.com\/#organization","name":"DynaPictures Blog","url":"https:\/\/blog.dynapictures.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/logo\/image\/","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/05\/logo_dynapictures.svg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/05\/logo_dynapictures.svg","caption":"DynaPictures Blog"},"image":{"@id":"https:\/\/blog.dynapictures.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.dynapictures.com\/#\/schema\/person\/78e6e4fd1ecd41aaedbb2d6c610234b1","name":"Alex Vushkan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","url":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","contentUrl":"https:\/\/blog.dynapictures.com\/wp-content\/uploads\/2024\/10\/alex-avatar-150x150.jpg","caption":"Alex Vushkan"},"url":"https:\/\/blog.dynapictures.com\/author\/alex\/"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508748851","position":1,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508748851","name":"What does \"generate image from URL\" mean?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Generating images from URL refers to creating dynamic visuals by modifying a template through parameters in a URL or API request. Tools like DynaPictures allow users to adjust text, colors, and images in real-time using simple URLs.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733773718355","position":2,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733773718355","name":"How can I generate a dynamic image URL?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"To create a dynamic image URL, follow these steps:<br\/>Choose a template in DynaPictures and find its UID.<br\/>Add URL parameters to customize text, images, and colors dynamically.<br\/>Use the URL schema:<br\/>https:\/\/api.dynapictures.com\/links\/{TEMPLATE_UID}.png?params={PARAMS}<br\/>Replace placeholders with actual values to generate your image.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508793049","position":3,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508793049","name":"What are URL parameters, and how do I use them?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"URL parameters are key-value pairs that specify customizations for template layers. For example:<br\/>Update text: title---text___Welcome<br\/>Add an image: banner---imageUrl___https:\/\/example.com\/banner.png<br\/>Combine multiple parameters with &lt; > to customize multiple layers in one URL.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508768382","position":4,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508768382","name":"How can I generate multiple images at once?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Use tools like Zapier, Google Sheets, or the DynaPictures API to automate bulk image creation. This is ideal for blog thumbnails, banners, or marketing visuals.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508813045","position":5,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508813045","name":"How do I test my generated image URL?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Copy the completed URL into your browser or tool to preview the image. For example:<br\/>https:\/\/api.dynapictures.com\/links\/{UID}.png?params=title---text___Hello&lt;>banner---imageUrl___https:\/\/example.com\/banner.png","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508867574","position":6,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733508867574","name":"What formats are supported for generated images?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"DynaPictures supports PNG, JPEG, WebP, and AVIF formats.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733774632109","position":7,"url":"https:\/\/dynapictures.com\/blog\/how-to-generate-images-using-url-parameters\/#faq-question-1733774632109","name":"Can I add metadata to a generated image?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, you can include custom metadata in the URL to track image context or associate additional data. Example:<br\/>https:\/\/api.dynapictures.com\/links\/{UID}.png?metadata=CustomMetadata","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":12,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":1102,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/posts\/60\/revisions\/1102"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/media\/105"}],"wp:attachment":[{"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.dynapictures.com\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}