sinpro.dev
Docs
Clean Code
Functions
  • Company Information
    • Portfolio
    • About
    • Services
    • Events
  • Dev Environment
    • macOS Settings
    • Chrome Extensions
    • VSCode Workspace Settings
    • VSCode Workspace Extensions
    • Global NPM Packages
    • npm-check-updates
    • SvelteKit
    • Customize Zsh
    • ChatGPT Prompts
    • Tailwind CSS
    • Warp
    • Keyboard Shortcuts
  • Assets
    • Assets
    • JPG/PNG to AVIF
    • TTF to WOFF2
  • Clean Code
    • Clean Code
    • Format
    • Quality
    • Variables
    • Functions
    • Objects and Data Structures
    • Classes
    • Concurrency
    • Error handling
    • Comments
  • Code Style
    • TypeScript Config
    • Prettier
    • ESLint
    • Stylelint
  • Testing
    • Vitest
    • Playwright
  • Git
    • Git Branches and Commits
    • Git Hooks
    • Git User Profiles
    • Git for Windows
  • GitHub
    • GitHub Issues
    • GitHub Pull Requests
    • GitHub Repository Settings
    • GitHub Branch Protection
    • GitHub Actions
  • Code Quality
    • SonarCloud Coverage
  • Server
    • SSH
    • PM2
    • Caddy
    • Updating the server
    • ngrok
  • Team sinProject
    • Our Team Policy
    • Equipment and Supplies
    • Books
    • Slack
    • Locales
    • Funny Apps
    • Docs History
  • Talk
    • Talk
    • Creating a Project
    • App Structure

Assets

JPG/PNG to AVIF

Edit this page

When we handle image files, we use cavif-rs / Squoosh to convert them to AVIF files.

AVIF image format

A modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them. AVIF competes with JPEG XL which has similar compression quality and is generally seen as more feature-rich than AVIF. (Source: caniuse.com)

AVIF provides superior compression to WebP, retaining high image quality at lower file sizes. It supports up to 12-bit color depth, offers better transparency handling, and ensures efficient encoding and decoding, making it a more advanced choice.

Can I use AVIF

Check browsers that support AVIF on caniuse.com.

cavif-rs

cavif-rs can be easily executed in the terminal.

Install & Run

Please refer to the GitHub of cavif-rs.

How to use

Move to the path where the image file is located and execute as follows.

Bash
cd ~/development/sinpro-dev/static
cavif icon-512.png

Squoosh

Squoosh is a web application. You can adjust settings while viewing the image quality on the screen.

Assets TTF to WOFF2
© sinProject. v0.73.0
On this page
  • JPG/PNG to AVIF
  • AVIF image format
  • Can I use AVIF
  • cavif-rs
  • Install & Run
  • How to use
  • Squoosh