Skip to content

docs.annebrown.ca

Image Optimization

Initializing search

Tech
Tech
- Languages
  Languages
  - CSS
    
    CSS
    
    Grids
  - Go
    
    Go
  - HTML
    
    HTML
    
    Definition Lists
  - JavaScript
    
    JavaScript
    
    Arrays
    
    Conditionals
    
    Console
    
    Flow Control
    
    Functions
    
    Loops
    
    Operators
    
    Output Options
    
    Strings
    
    Usage
    
    Values
    
    Variables
  - Markdown
    
    Markdown
    
    Cheatsheet
    
    LifeParticle Cheatsheet
    
    Data
    Data
    
    Text Color
    
    Example of a relative link
  - PHP
  - Python
    
    Python
  - Perl
- Frameworks
  Frameworks
  - Angular
    
    Angular
    
    Install
    
    App Component
    
    Cheetsheet
    
    Material
    
    Material
  - Hugo
    
    Hugo
    
    Install
    
    Config
    
    Themes
    
    Create Site
    
    Basic Site Content
    
    Inner Page Templates
    
    Issues
    Issues
    
    Failed to load modules
  - Mkdocs
    
    Mkdocs
    
    Install
    
    Config
    
    Buttons
    
    Grids
    
    Images
    
    Navi
    
    Styling
    
    Variables
    
    Issues
    Issues
    
    awesome-pages not deployed on Netlify
    
    TOC Missing a Link
    
    Python pip venv Error
    
    Add-Ons
    
    Add-Ons
    
    Material Theme
    
    md_in_html Built-In Extension
    
    Meta Built-in Plugin
    
    awsome-pages Plugin
    
    Cheatsheet
  - Next.js
    
    Next.js
    
    Getting Started
    
    Cheatsheet
    
    Issues
    Issues
    
    New App has Deprecated Deps
    
    Incorrect React Version
    
    App Router
    
    Layout
    
    Navi
    
    React
    
    Storybook Integration
    
    Ref apps
    
    Ref apps
    
    Projects
    Projects
    
    TailNext
    
    Ref
    
    Ref
    
    Adding Content
    
    Image Optimization Image Optimization
    
    Table of Contents
    
    Description
    
    Next.js LIfecycle
    
    Next.js Scripts
    
    State Mgmt
    
    Data fetching
    
    Data fetching
    
    getStaticProps
  - Node.js
    
    Node.js
    
    Issues
    Issues
    
    Node.js Install EACCESS Error
  - React
    
    React
    
    Setup and Config
- OSes
  OSes
  - Android
    
    Android
    
    New Host Config
  - ChromeOS
    
    ChromeOS
    
    Linux Dev Env
  - Linux
    
    Linux
    
    journalctl Command
    
    Logs
    
    New Dev Env
    
    Bash
    Bash
    
    Fav Bash Cmds
    
    Desktops
    Desktops
    
    Gnome 24.04
    
    Gnome 24.04
    
    Kubuntu 24.04
    
    Kubuntu 24.04
    
    Kubuntu 24.04 Bluetooth
    
    Distros
    Distros
    
    Ubuntu 24.04
    
    Ubuntu 24.04
    
    apt -vs snap
  - RasPi
    
    RasPi
    
    Issues
    Issues
    
    RasPi Incorrect Screen Res
  - Win11
    Win11
    
    Wsl2
    
    Wsl2
    
    Linux Desktop
    
    WSL2 CLI
- Apps
  Apps
  - Git
    
    Git
    
    .gitignore
  - Vscode
    
    Vscode
    
    Extensions
    
    Settings Sync
    
    Settings
    
    VSCode Workbench Colors
  - Vim
    
    Vim
  - Konsole
    
    Konsole
  - Hyper
    
    Hyper
    
    Hyper
    
    Install Hyper
    
    Hyper Plugins
  - Browsers
  - BTOP++
  - ddgr TTY Browser
  - ncdu
  - NeoFetch
  - Neovim
  - Peripherals
  - pnpm
  - Solaar
  - wttr.in - Decision Tool
  - Firefox
    
    Firefox
    
    Issues
    Issues
    
    Firefox Broken on LTS Distro
    
    No Firefox Global Menu
  - Storybook
    
    Storybook
- Links
Dev
Dev
- Projects
  Projects
  - docs-pub
    
    docs-pub
    
    TODOs
    
    Meta
    
    Meta
    
    TasksList.md (Auto-Generated)
    
    Macros Plugin
    
    Tags
    
    Testing
    
    Testing
    
    Folding
    
    Grids
    
    Images
    
    Info
    
    Rando
    
    Snippets
    
    Styling
    
    Tasks
    
    TOC
    
    Sandbox
  - .dotfiles
    
    .dotfiles
  - .dotfiles-priv
    
    .dotfiles-priv
  - www.ab.ca
    
    www.ab.ca
  - www.bd.com
    
    www.bd.com
  - React Prototype
    
    React Prototype
    
    Setup and Config
  - TailNext
    
    TailNext
    
    Initial File Structure
    
    TailNext Scripts
    
    Setup
- Deployments
  Deployments
About

Table of Contents

Image Optimization

Description¶

Angular Image Optimization

optimizations for screen size and device
better perf and user experience

July 28, 2024

Comments

Next.js LIfecycle

Copyright © 2024 Anne Brown

Tech Stack: Mkdocs-Material

Cookie consent

This site's cookies record your visits and prefs. Your Internet, your choice.

Google Analytics
GitHub

Manage settings