Photo edit online for free, resize, and filter any photos, edit photo on browser, convert image to jpg/png/jpeg/webp, merge images or PDF pages into a long image, convert video to GIF, open documents online, and easily screenshot an area or full page.
The blog uses Astro Content Collections and local Markdown files instead of GitHub Issues.
Blog posts live in src/content/blog/*.md. Each article is a Markdown file with frontmatter for title, description, publish date, cover image, author, tags, and draft status.
Example:
---
title: "How Online Screenshot Tools Work"
description: "Understand how browser-based screenshot tools capture and export images."
date: 2026-07-01
cover: "/blog/how-to-take-a-screenshot-online.webp"
coverAlt: "Browser screenshot capture interface"
tags: ["screenshot", "browser tools"]
---
Write the article content here.Benefits:
- Static blog pages are generated by Astro during build, so articles are fast and SEO-friendly.
- No GitHub access token is required for blog rendering.
- Article content is versioned with the website source code.
- Frontmatter is validated by
src/content/config.ts, which keeps article metadata consistent. - Cover images can be stored under
public/blog/and referenced with/blog/image-name.webp.
// request secret key
PUBLIC_SECRET_KEY=
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
pnpm install |
Installs dependencies |
pnpm run dev |
Starts local dev server at localhost:4321 |
pnpm run build |
Build your production site to ./dist/ |
pnpm run preview |
Preview your build locally, before deploying |
pnpm run astro ... |
Run CLI commands like astro add, astro check |
pnpm run astro -- --help |
Get help using the Astro CLI |
Vercel: used for deploying website
- 2024-11-26: add background remover use Hugging Face model: Xenova/modnet
Feel free to check our documentation or jump into our Discord server.