add info about dpi

Author: mscoutermarsh

changelog.md

@@ -16,6 +16,15 @@ Always improving. Updates to HTML/CSS to Image are posted here.
 
 If you have feature requests, please send them to us: [email protected].
 
+## DPI query param
+December 18, 2024
+{: .text-delta}
+
+We've added a new query param `dpi` which allows you to set the DPI metadata tag on your generated image. For example `hcti.io/v1/image/123abc?dpi=300`.
+This only sets the metadata tag, you must still create an image large enough for the needed DPI.
+
+<hr>
+
 ## Learn how to make a downloadable image
 December 20, 2023
 {: .text-delta}

getting-started/height-and-width.md

@@ -129,4 +129,9 @@ For a 300 DPI business card \(3.5 x 2 inches\).
 
 Once you have determined your height and width in pixels, you can then set your HTML to render the exact size you need. We recommend doing this by adding `height` and `width` style parameters to the outermost HTML element in your code.
 
+### DPI metadata tag
+
+If you need the DPI metadata tag set on your image, you can do this by adding the query param to your image url. For example `hcti.io/v1/image/123abc?dpi=300`.
+Please note, you will still need to use the calculations above to create an image large enough to have the correct DPI when printed.
+
 {% include code_footer.md version=3 %}

getting-started/using-the-api.md

@@ -139,6 +139,7 @@ Query parameters can be added to the URL to adjust your image.
 |:-------------|:------------------|:------|
 | **height** | `Integer` | The height of the image. Maximum `5000`. |
 | **width**  | `Integer`  | The width of the image. Maximum `5000`. |
+| **dpi**  | `Integer`  | Sets the DPI metadata tag on the image. Maximum `600`. |
 | **dl**     | `Integer` | Set `dl=1` and the image will be served as a downloadable attachment. |
 
 <hr>