Skip to content
Dashboard
← All connectors
Content
Experimental. This connector provider has not been verified by Vercel.

TinyPNG

Use TinyPNG with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.

Create Connector
  1. Install the skill

    $ npx skills add vercel/vercel-plugin --skill vercel-connect
  2. Connect to TinyPNG

    $ vercel connect create tinypng --name acme-tinypng
  3. Use its data in agents(opens in new tab) and apps(opens in new tab)

    import { getToken } from '@vercel/connect';
    const token = await getToken('tinypng/acme-tinypng');

Use TinyPNG in apps and agents

TinyPNG uses smart lossy compression techniques to reduce the file size of your WebP, JPEG, and PNG files.

Read the TinyPNG developer docs(opens in new tab)

Why use Vercel Connect with TinyPNG?

  • Credentials on demand

    Request TinyPNG credentials only when your application or agent needs them instead of copying secrets into application code.

  • Access for the right subject

    Keep app-scoped TinyPNG access behind a reusable connector controlled by your team.

  • Centralized credential management

    Manage TinyPNG credentials in one place and retrieve them through a consistent runtime API.

  • Vercel-native controls

    Bind connections to the projects and environments that need them while Vercel OIDC authenticates each runtime request.

Use TinyPNG with your stack

Follow a complete setup for the Connect SDK or a supported agent framework.

Add TinyPNG to an existing Vercel application with the Connect SDK.

  1. Install the Connect SDK

    npm install @vercel/connect
  2. Create the TinyPNG connector

    Run these commands from the project that will use the connection.

    vercel link
    vercel connect create tinypng --name acme-tinypng
    vercel env pull
  3. Request TinyPNG credentials

    app/api/route.ts
    import { getToken } from '@vercel/connect';
    const token = await getToken('tinypng/acme-tinypng');
Browse all connectors