Skip to content

feat(portal): Upload API/package image#4856

Open
cloudjumpercat wants to merge 4 commits intomainfrom
feat/upload-api-images
Open

feat(portal): Upload API/package image#4856
cloudjumpercat wants to merge 4 commits intomainfrom
feat/upload-api-images

Conversation

@cloudjumpercat
Copy link
Copy Markdown
Contributor

@cloudjumpercat cloudjumpercat commented Apr 14, 2026

Description

Fixes #4846

Preview Links

Checklist

  • Tested how-to docs. If not, note why here.
  • All pages contain metadata.
  • Any new docs link to existing docs.
  • All autogenerated instructions render correctly (API, decK, Konnect, Kong Manager).
  • Style guide (capitalized gateway entities, placeholder URLs) implemented correctly.
  • Every page has a description entry in frontmatter.
  • Add new pages to the product documentation index (if applicable).

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
@cloudjumpercat cloudjumpercat added the release-docs Docs for release label Apr 14, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Apr 14, 2026

Deploy Preview for kongdeveloper ready!

Name Link
🔨 Latest commit af649b6
🔍 Latest deploy log https://app.netlify.com/projects/kongdeveloper/deploys/69dff4b94b3ab60008cae1fd
😎 Deploy Preview https://deploy-preview-4856--kongdeveloper.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@cloudjumpercat cloudjumpercat marked this pull request as ready for review April 15, 2026 13:44
@cloudjumpercat cloudjumpercat requested a review from a team as a code owner April 15, 2026 13:44
Copilot AI review requested due to automatic review settings April 15, 2026 13:44
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds documentation to the API catalog and API packaging pages explaining that users can upload an image for APIs and API packages in Konnect, including supported formats and size constraints.

Changes:

  • Documented how API images work in Dev Portal and where to upload them in Konnect.
  • Documented API package image upload capability and the same image constraints.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 3 comments.

File Description
app/catalog/apis.md Adds a new “API image” section describing upload behavior and constraints.
app/catalog/api-packaging.md Adds a note about uploading an image for API packages and constraints.

Comment thread app/catalog/apis.md Outdated
Comment thread app/catalog/api-packaging.md Outdated
Comment thread app/catalog/apis.md Outdated
Comment thread app/catalog/api-packaging.md Outdated

Your operations should now be autogenerated based on how your OpenAPI spec maps to your Routes.

After you've created an API package, you can edit it to upload an image for the package that will display in Dev Portals it's published to.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not a major issue, but any reason why this doesn't have a dedicated heading, whereas the reference in apis.md does?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It was to match the current flow on the page. Since this one assumes you've already got APIs that you're packaging, users should be familiar with API catalog concepts that the other page broke into sections.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

@juliamrch juliamrch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice update, I added a small suggestion to break down the action. Feel free to commit it if you think it's relevant to this page.

Comment thread app/catalog/apis.md Outdated
The image is displayed as an icon for your API in any [Dev Portal](/dev-portal/) where the API is published.
The image must be a PNG, JPG, or SVG image under 500 KB that’s no larger than 350 × 350 pixels.

To upload an API image, navigate to **Catalog > [APIs](https://cloud.konghq.com/apis)**. Edit an existing API and upload an image.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
To upload an API image, navigate to **Catalog > [APIs](https://cloud.konghq.com/apis)**. Edit an existing API and upload an image.
To upload an API image:
1. Navigate to **Catalog > [APIs](https://cloud.konghq.com/apis)**.
2. Edit an existing API
3. Scroll until step **3. Set an image for your API**.
4. Upload an image..

What do you think of this format?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great feedback! I think the list works better than what I had.

Signed-off-by: Diana <75819066+cloudjumpercat@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

release-docs Docs for release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dev Portal: upload images to APIs/API packages

4 participants