Zum Hauptinhalt springen

Netlify Image CDN

Skill Verifiziert Aktiv

Anleitung zur Verwendung des Netlify Image CDN für Bildoptimierung und -transformation. Verwenden Sie dies, wenn Sie optimierte Bilder ausliefern, responsive Bild-Markups erstellen, Bild-Pipelines für hochgeladene Benutzerbilder einrichten oder Bildtransformationen konfigurieren. Behandelt den Endpunkt /.netlify/images, Query-Parameter, die Zulassungsliste für Remote-Bilder, Bereinigung von URL-Rewrites und die Kombination von Uploads mit Functions + Blobs.

Zweck

Um Entwickler dabei zu unterstützen, Netlify Image CDN effektiv für effiziente Bildoptimierung und -transformation zu nutzen und so die Leistung und Benutzererfahrung zu verbessern.

Funktionen

  • On-the-fly Bildoptimierung und -transformation
  • Unterstützung für verschiedene Query-Parameter (Breite, Höhe, Passform, Qualität, Format)
  • Zulassungsliste für Remote-Bilder über netlify.toml
  • Bereinigung von URL-Rewrites für benutzerfreundliche Bild-URLs
  • Integration mit Netlify Functions und Blobs für von Benutzern hochgeladene Bilder

Anwendungsfälle

  • Ausliefern optimierter Bilder für Webanwendungen
  • Erstellen von responsiven Bild-Markups
  • Einrichten von Pipelines für von Benutzern hochgeladene Bilder
  • Konfigurieren spezifischer Bildtransformations-Presets

Nicht-Ziele

  • Bereitstellung einer GUI für Bildbearbeitung
  • Ersetzen lokaler Bildoptimierungswerkzeuge
  • Verarbeitung von Bildspeicherung und -auslieferung ohne Netlify-Infrastruktur

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add netlify/context-and-tools
/plugin install context-and-tools@netlify-context-and-tools

Qualitätspunktzahl

Verifiziert
98 /100
Analysiert about 16 hours ago

Vertrauenssignale

Letzter Commit6 days ago
Sterne17
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Netlify Caching

95

Anleitung zur Steuerung des Cachings auf dem Netlify CDN. Verwenden Sie dies bei der Konfiguration von Cache-Headern, der Einrichtung von Stale-While-Revalidate, der Implementierung von On-Demand-Cache-Bereinigungen oder dem Verständnis des Netlify CDN-Caching-Verhaltens. Behandelt Cache-Control, Netlify-CDN-Cache-Control, Cache-Tags, Durable Cache und Framework-spezifische Caching-Muster.

Skill
netlify

Teach Guidance

100

Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.

Skill
pjt222

Prepare Inspection Readiness

100

Prepare an organisation for regulatory inspection by assessing readiness against agency-specific focus areas (FDA, EMA, MHRA). Covers warning letter and 483 theme analysis, mock inspection protocols, document bundle preparation, inspection logistics, and response template creation. Use when a regulatory inspection has been announced or is anticipated, when a periodic self-assessment is due, when new systems have been implemented since the last inspection, or after a significant audit finding that may attract regulatory attention.

Skill
pjt222

External Context

100

Invoke parallel document-specialist agents for external web searches and documentation lookup

Skill
Yeachan-Heo

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

Skill
Yeachan-Heo

Readme I18n

100

Nutzen Sie dies, wenn der Benutzer eine Repository-README übersetzen, ein Repository mehrsprachig machen, Dokumentationen lokalisieren, einen Sprachumschalter hinzufügen, die README internationalisieren oder lokalisierte README-Varianten in einem GitHub-ähnlichen Repository aktualisieren möchte.

Skill
xixu-me