Consolidate blurry screenshot FAQ into REST API docs (#26226)

* Consolidate blurry screenshot FAQ into REST API docs

- Create partial for blurry screenshot resolution content
- Add partial to screenshot endpoint and snapshot endpoint advanced usage sections
- Remove blurry screenshot FAQ entry from main FAQ page

* Update src/content/partials/browser-rendering/improve-blurry-screenshot-resolution.mdx

Co-authored-by: ToriLindsay <[email protected]>

---------

Co-authored-by: ToriLindsay <[email protected]>

Author: kathayl

src/content/docs/browser-rendering/faq.mdx

@@ -54,10 +54,6 @@ There is no fixed limit on the number of requests per browser session. A single
 
 This error typically occurs because your Puppeteer launch is not receiving the Browser binding. To resolve: Pass your Browser binding into `puppeteer.launch`.
 
-### Why is my screenshot blurry?
-
-It may be because you increased the height and width of the viewport. To fix this, increase the value of the `deviceScaleFactor` (default is 1).
-
 ### `Error processing the request: Unable to create new browser: code: 429: message: Browser time limit exceeded for today`
 
 This error indicates you have hit the daily browser-instance limit on the Workers Free plan. [Free-plan accounts are capped at free plan limit is 10 minutes of browser use a day](/browser-rendering/platform/limits/#workers-free) once you exceed those, further creation attempts return a 429 until the next UTC day.

src/content/docs/browser-rendering/rest-api/screenshot-endpoint.mdx

@@ -135,6 +135,11 @@ curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountId>/browser-
   --output "advanced-screenshot.png"
 ```
 
+<Render
+  file="improve-blurry-screenshot-resolution"
+  product="browser-rendering"
+/>
+
 ### Customize CSS and embed custom JavaScript
 
 Instruct the browser to go to `https://example.com`, embed custom JavaScript (`addScriptTag`) and add extra styles (`addStyleTag`), both inline (`addStyleTag.content`) and by loading an external stylesheet (`addStyleTag.url`).

src/content/docs/browser-rendering/rest-api/snapshot.mdx

@@ -127,6 +127,12 @@ curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountId>/browser-
 	}
 }
 ```
+
+<Render
+  file="improve-blurry-screenshot-resolution"
+  product="browser-rendering"
+/>
+
 <Render
   file="setting-custom-user-agent"
   product="browser-rendering"

src/content/partials/browser-rendering/improve-blurry-screenshot-resolution.mdx

@@ -0,0 +1,15 @@
+### Improve blurry screenshot resolution
+
+If you set a large viewport width and height, your screenshot may appear blurry or pixelated. This can happen if your browser's default `deviceScaleFactor` (which defaults to 1) is not high enough for the viewport.
+
+To fix this, increase the value of the `deviceScaleFactor`.
+```json
+{
+  "url": "https://cloudflare.com/",
+  "viewport": {
+    "width": 3600,
+    "height": 2400,
+    "deviceScaleFactor": 2
+  }
+}
+```