'avif' 검색 결과

Review website images and delivery settings to introduce AVIF, an image format with efficient compression. Check image size and loading behavior, and provide WebP or JPEG alternatives for browsers that do not support AVIF.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Considering AVIF for photographic website images
• Providing WebP and JPEG alternatives for unsupported browsers
• Reviewing image sizes and loading behavior on the initial screen

Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Finding JPEG and PNG images to convert
• Adding WebP and AVIF sources with fallback images
• Reviewing CSS background image formats

Audit website images for search visibility and loading performance, then prioritize fixes. Check descriptive text, file sizes, and loading settings, convert files to WebP or AVIF, and add creator and copyright metadata.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Audit product and article images for SEO issues
• Convert large images to WebP or AVIF
• Fix image loading settings and layout shifts

Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking fallback images for AVIF or WebP delivery
• Reviewing picture element order and attributes
• Fixing image markup with missing descriptions or dimensions

Review website JPEGs for progressive encoding, which displays a blurry preview before sharpening. Identify images that could use this format, consider file size and loading behavior together, and explain how to confirm the change in browser developer tools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing how JPEGs appear during loading
• Checking JPEG fallbacks for WebP or AVIF
• Reviewing image delivery through a CDN or build process

Optimize web images for performance with Next.js Image, responsive srcset, AVIF/WebP, lazy loading, and blur placeholders. Activate on: image optimization, LCP improvement, responsive images, AVIF, blur placeholder, next/image. NOT for: image generation/editing (use image-gen skills), SVG icon systems (use design-system-creator).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Audit website images for excessive file sizes, unnecessary metadata, and loading issues. Apply format-specific compression and cleanup, then compare file sizes before and after changes to show the resulting reduction in image data.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Finding images that slow page loading
• Comparing file sizes before and after compression
• Removing unnecessary image metadata

Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Auditing image sizes and formats on slow-loading pages
• Serving suitable image sizes for mobile and desktop screens
• Preventing layout shifts while images load

Audit website image file sizes against guidelines for photos, graphics, hero images, and thumbnails. Report oversized assets with target sizes, distinguish compression issues from dimension mismatches, and guide format conversion and delivery of smaller variants to mobile devices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Listing oversized images and target file sizes
• Reviewing uploaded images managed by a CMS
• Reducing hero image and thumbnail file sizes

Review website image delivery and configure an image CDN, a service that optimizes and distributes images. Check file formats, dimensions, loading behavior, and initial screen impact, with guidance on verifying changes in DevTools.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Checking whether website images use a CDN
• Configuring automatic image resizing and format conversion
• Reviewing image loading and initial screen impact

Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and compression, responsive srcset, lazy-loading, explicit width/height (CLS), image sitemaps, and ImageObject structured data. Use this skill whenever the user asks about image SEO, alt text, Google Images ranking, image optimization for search, image file size hurting page speed, WebP/AVIF, or image structured data. Trigger on: "image SEO", "alt text", "rank in Google Images", "optimize my images for search", "image alt tags", "WebP", "image compression SEO", "image sitemap", "ImageObject schema", or any image-discoverability / image-performance question. For overall page speed use /seo-analysis; for generating new images use the brand image skills.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Plan and run a media pipeline for images, video, and downloadable assets. Use this skill when designing image storage and delivery, choosing formats (WebP, AVIF), setting up responsive images, picking a video host, organizing a brand asset library, or auditing a slow image pipeline. Triggers on image pipeline, asset library, DAM, image optimization, WebP, AVIF, responsive images, video hosting, image CDN, asset workflow, media management. Also triggers when images are slow, broken, or scattered across systems.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats (WebP, AVIF), responsive images, lazy loading, CLS prevention, and Core Web Vitals image impact. Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "WebP", "AVIF", "lazy loading", "CLS", "responsive images", or "Core Web Vitals images".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

This skill should be used when the user asks to "upload images to Cloudflare", "implement direct creator upload", "configure image transformations", "optimize WebP/AVIF", "create image variants", "generate signed URLs", "add image watermarks", "integrate with Next.js/Remix", "configure webhooks", "debug CORS errors", "troubleshoot error 5408/9401-9413", or "build responsive images with Cloudflare Images API".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Optimize images for web performance — format conversion (WebP, AVIF), responsive sizing, compression, background removal, lazy loading, and WordPress media library integration. Uses MCP bridge tools (resize_image, remove_background) as primary; the Design Stack media worker (Sharp) as fallback for advanced/batch processing. Use when you need to resize images for social media, convert formats for faster page loads, remove backgrounds from product photos, generate alt text, or batch-process an entire media library.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Transform, resize, crop, reformat, and optimize images on demand via Netlify Image CDN's /.netlify/images endpoint. Use when adding responsive images, generating thumbnails, converting formats (avif/webp/png), cropping to aspect ratios, tuning image quality, creating blurred placeholders, allowlisting remote image domains, serving user-uploaded images, or wiring framework image components (Next.js, Astro, Nuxt, Angular, Gatsby) to Netlify. Triggers on tasks like "optimize images", "add image thumbnails", "resize images on the fly", "serve images from an external domain", or "add blur placeholders".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.