Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To make a thumbnail from an ecommerce product page with Cloudinary, register for the URL2PNG Website Screenshots add-on, capture the public page with the url2png delivery type, then apply a Cloudinary crop-and-resize transformation. Screenshot-generating requests are signed or eagerly generated by default; plan the capture context and thumbnail crop before building a production workflow.

What this workflow produces

URL2PNG captures a public webpage as an image. Cloudinary then treats that screenshot as an image asset, so you can create a smaller crop for a product card or catalog preview. This is different from making a product image from the product photograph itself: a page screenshot includes the surrounding page layout, while a transformed source photo focuses on the item.

For a thumbnail that should show the product page as a preview, use the screenshot workflow below. For a card meant to show the item clearly, use the original product photo and Cloudinary’s ordinary image transformations instead. Cloudinary’s retail and ecommerce guide discusses adapting source imagery for different channels and viewports.

What you need before capturing

  • A Cloudinary account with the URL2PNG Website Screenshots add-on registered. Registration is required before using the add-on.
  • A publicly accessible product-page URL that you are permitted to capture.
  • A target card size and aspect ratio, plus a decision about desktop versus mobile layout and whether the capture should cover the full page.

Cloudinary’s documentation describes public website capture and options including viewport, user_agent, delay, and fullpage. It does not establish that the add-on can capture login-gated pages, bypass bot defenses, dismiss consent dialogs, or render every site’s lazy-loaded catalog consistently. Test the specific page and permitted access path you intend to use.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Elebase USB to USB C Adapter for iPhone 18 Pro Max,USBC Car Charger Adapter
  • Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
  • Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
  • Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
  • Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
  • 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.

Capture the page, then make the thumbnail

1. Register the add-on and choose a capture context

Enable URL2PNG for your Cloudinary account, then decide how the page should be rendered. A mobile user agent and narrower viewport can create a mobile-style preview; a desktop context can better match a desktop catalog. Set a delay only when the page needs extra time for content to render. Use full-page capture when the full page is important, but consider whether that tall image will become an unreadable thumbnail after cropping.

2. Generate the screenshot using URL2PNG

Cloudinary’s documented delivery type is url2png; the target website URL is supplied as the public ID. URL2PNG options are appended after /url2png/ as pipe-separated name=value pairs. For example, the documentation illustrates a capture configured with a mobile user agent, a 640-pixel viewport, and fullpage=false. Build the URL with Cloudinary’s authenticated API or use authenticated eager generation rather than assuming the screenshot can be requested as an unsigned dynamic URL.

By default, Cloudinary requires delivery URLs that create screenshots to be signed or eagerly generated. After a screenshot has been created through a signed URL or authenticated API, later transformations of that same image can use unsigned dynamic Cloudinary URLs. Cloudinary also documents an account security setting that can allow unsigned add-on transformations, but that is a deliberate change from the default. See the URL2PNG add-on documentation for the current URL structure and request handling.

Rank #2
Anker USB-C Hub, 5-in-1 USB Hub for Laptops, 4K HDMI Multiport Adapter
  • 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
  • 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
  • Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
  • 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
  • What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.

3. Crop and resize for the card

Once captured, apply an image transformation to produce the thumbnail dimensions your interface needs. Cloudinary’s documented example creates a 150 by 200 pixel thumbnail with a fill crop and north gravity. That is an example, not a recommended universal size: choose dimensions for your own card, and select crop gravity based on what must remain visible.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Cloudinary’s transformation URL format includes the cloud name, asset type, delivery type, optional transformation parameters and version, and public ID. SDK URL helpers can construct the URL. On first access, Cloudinary creates and delivers the derived image; subsequent requests for that same derivative can use the cached CDN version. The screenshot and its derivative can also be further transformed with operations such as borders, rounded corners, shadows, and overlays. See Cloudinary image transformations.

Use signing or eager generation safely

Screenshot creation is a dynamic operation, so Cloudinary’s default signing or eager-generation requirement helps guard against unplanned screenshot requests that could create usage. Use the authenticated API to sign the generation URL or eagerly create the screenshot, then deliver the resulting transformed asset as appropriate for your setup. Keep credentials used for authenticated generation on the server; do not expose API secrets in browser code.

Rank #3
Sale
Anker USB C Hub, 7in1 Multi-Port USB Adapter, 4K@60Hz USBC to HDMI Splitter
  • Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
  • Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
  • Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
  • Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
  • What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.

Cloudinary describes the default safeguard as follows: “By default, delivery URLs that use this add-on either need to be signed or eagerly generated.” Refer to the official add-on documentation for the precise settings and supported API flow for your account.

Choose between a page screenshot and a product photo

Need Better starting point Why
A visual preview of the product page URL2PNG screenshot Captures the page presentation, including its layout, rather than only the item image.
A clear image of the product for a card or grid Original product photo plus Cloudinary transformations You can choose crop and aspect ratio without shrinking an entire webpage into the card.

In either case, match the crop to the actual card design and verify that important content remains visible at the rendered size.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Usage, performance, and cost considerations

  • Cloudinary account limits for uploads, transformations, and delivery vary by plan. The consulted documentation does not establish a current per-screenshot charge or quota, so check your Cloudinary Console plan details before estimating costs.
  • Each new screenshot or distinct derived transformation can add usage. Reuse the same capture and derivative when the page and desired crop have not changed.
  • Cloudinary says derived images are cached on its CDN after creation, which avoids recreating the same derivative for every subsequent request.
  • Review derived assets and usage in your account to manage transformation consumption, as advised in Cloudinary’s Admin API documentation.

Troubleshooting common problems

The screenshot request is rejected

Confirm that URL2PNG is registered for the account and that a screenshot-generating URL is signed or the screenshot is eagerly generated through the authenticated API. An unsigned request may be blocked under the default security behavior.

Rank #4
Sale
UGREEN USB to USB C Adapter Combo 4-Pack, 10Gbps USB C Converter Space Gray
  • Dual Converters, Infinite Potential:Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
  • Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
  • Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
  • Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
  • Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft

The screenshot shows the wrong layout

Check the viewport and user_agent options. A page may serve a different layout based on either value; select the context that matches the thumbnail’s intended use.

Important content has not appeared

Try an appropriate delay and verify whether the content is loaded by the time the capture runs. The documentation lists a delay option but does not guarantee that it will handle every site’s scripts, lazy loading, or access controls.

The thumbnail cuts off the product or page content

Revisit the target dimensions, aspect ratio, crop mode, and gravity. A fill crop fills the requested frame, so parts of the source can be cropped away. Use a different crop strategy or a more suitable capture viewport when preserving the whole composition matters.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Best Value
Anker USB C Hub, 5-in-1 USBC to HDMI Splitter with 4K Display
  • 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
  • Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
  • Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
  • HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
  • What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.

The page is blank or blocked

Check that the URL is publicly accessible and renders normally without a login or anti-bot challenge. The available documentation does not promise URL2PNG can bypass those restrictions; use a permitted public page or a suitable source product image instead.

Usage is higher than expected

Check whether your workflow is repeatedly creating screenshots or requesting many distinct transformations. Reuse stable capture outputs and derived sizes, and review the account’s current plan limits and derived assets.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo is a website screenshot API and MCP server for developers. A single GET request can return a screenshot as PNG, JPEG, or WebP, or a PDF. Its clean-shot options accept consent banners and remove 60+ known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed, and responses report the page verdict and billing status in headers. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients.

For a quick capture, replace the target URL below with the product page you want to preview. See the ScreenshotNeo API documentation for options including full-page capture, viewport and device presets, element selection, image resizing, caching, and bulk requests.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

ScreenshotNeo includes 1,000 screenshots per month free with no card; paid plans start at $5 for 3,000. Sign up for ScreenshotNeo’s free plan.

Frequently Asked Questions

Can I use URL2PNG on a product page behind a login?

The cited Cloudinary documentation describes public websites and does not establish support for login-gated pages.

Is Cloudinary’s 150 by 200 thumbnail size a required format?

No. It is a documented example; choose dimensions and crop for your own card layout.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.