/**
 * Image optimization utilities for SEO and performance
 */
export interface ImageSEOData {
    src: string;
    alt: string;
    title?: string;
    width?: number;
    height?: number;
    loading?: 'lazy' | 'eager';
    sizes?: string;
    srcSet?: string;
}
export declare const generateImageSEO: (data: ImageSEOData) => Record<string, any>;
export declare const generateSrcSet: (baseUrl: string, sizes?: number[]) => string;
export declare const generateSizes: (breakpoints: {
    maxWidth?: number;
    size: string;
}[]) => string;
export interface SocialImageMetadata {
    url: string;
    width?: number;
    height?: number;
    alt?: string;
    type?: string;
}
export declare const generateSocialImageMeta: (image: SocialImageMetadata, platform?: "openGraph" | "twitter") => Record<string, string>;
export declare const setupLazyLoading: (selector?: string) => (() => void) | void;
export declare const supportsWebP: () => Promise<boolean>;
export declare const supportsAVIF: () => Promise<boolean>;
export declare const getOptimalImageFormat: (baseFormat?: string) => Promise<string>;
export interface PictureSource {
    srcSet: string;
    type?: string;
    media?: string;
    sizes?: string;
}
export declare const generatePictureElement: (sources: PictureSource[], fallbackSrc: string, alt: string, className?: string) => string;
export declare const preloadImage: (src: string, as?: "image") => void;
export declare const setupProgressiveLoading: (lowQualitySrc: string, highQualitySrc: string, container: HTMLElement) => void;
export interface ImagePerformanceMetrics {
    loadTime: number;
    size: number;
    format: string;
    dimensions: {
        width: number;
        height: number;
    };
    isLazyLoaded: boolean;
    isOptimized: boolean;
}
export declare const measureImagePerformance: (img: HTMLImageElement) => Promise<ImagePerformanceMetrics>;
export declare const generatePlaceholder: (width: number, height: number, color?: string) => string;
export declare const preserveAspectRatio: (container: HTMLElement, aspectRatio: number) => void;
declare const _default: {
    generateImageSEO: (data: ImageSEOData) => Record<string, any>;
    generateSrcSet: (baseUrl: string, sizes?: number[]) => string;
    generateSizes: (breakpoints: {
        maxWidth?: number;
        size: string;
    }[]) => string;
    generateSocialImageMeta: (image: SocialImageMetadata, platform?: "openGraph" | "twitter") => Record<string, string>;
    setupLazyLoading: (selector?: string) => (() => void) | void;
    supportsWebP: () => Promise<boolean>;
    supportsAVIF: () => Promise<boolean>;
    getOptimalImageFormat: (baseFormat?: string) => Promise<string>;
    generatePictureElement: (sources: PictureSource[], fallbackSrc: string, alt: string, className?: string) => string;
    preloadImage: (src: string, as?: "image") => void;
    setupProgressiveLoading: (lowQualitySrc: string, highQualitySrc: string, container: HTMLElement) => void;
    measureImagePerformance: (img: HTMLImageElement) => Promise<ImagePerformanceMetrics>;
    generatePlaceholder: (width: number, height: number, color?: string) => string;
    preserveAspectRatio: (container: HTMLElement, aspectRatio: number) => void;
};
export default _default;
//# sourceMappingURL=image-optimization.d.ts.map