Smart CDN OptiPic

CDN OptiPic — solução simples para o problema "Servir imagens em formatos de última geração"
Conversa inteligente do WebP em tempo real
O que OptiPic CDN faz ao tentar solicitar uma imagem dele:
  • Retorna a versão WebP da imagem.
    se o navegador for compatível com o formato WebP
  • Retorna uma versão compactada sem webp
    se o navegador não suporta WebP
  • Torna responsivo a telas de dispositivos móveis
    se a imagem for aberta de um celular
  • Armazena em cache e acelera o carregamento
    reduzindo a carga de sua hospedagem
  • Protege
    suas imagens
    preservando direitos autorais por tags EXIF e IPTC
  • Use seu próprio
    nome de domínio
    para carregar imagens de img.domain.com, etc
  • Carregamento lento de imagens
    As imagens são carregadas à medida que a página rola
A conversão para Webp e a compactação da imagem ocorrem em segundo plano e não retarda a abertura das imagens no navegador.
Se a versão otimizada ainda não estiver pronta no momento da solicitação da imagem, a versão original é devolvida sem nenhum processamento.
O que obtém otimização de imagens no site
  • Acelerando
    o site
  • Melhorando
    SEO
  • Aumento
    da conversão
  • Aumento do Google
    Pagespeed Insights

Como funciona o CDN OptiPic?

Converte para WebP - o formato de imagem de última geração
Resolve o problema de "Veicular imagens em formatos de última geração" no Google Pagespeed Insights

Se um visitante de seu site usar um navegador que suporte o formato WebP, o CDN fornecerá a ele exatamente as versões WebP das imagens (as versões WebP são geradas automaticamente no Lado CDN).

Por que vale a pena usar o WebP?

Usar Webp resolve o problema "Usar formatos de imagem modernos" no Google Pagespeed Insights.

Resumindo, o WebP compacta o arquivo melhor, todas as outras coisas sendo iguais, do que os formatos mais antigos (png e jpeg) - o que significa que ocupa menos espaço na hospedagem e carrega mais rápido no navegador ao visualizar a página.

A implementação do WebP é ativamente promovida pelo Google - eles fornecem essas estatísticas:

  • WebP compacta imagens sem perdas 26% melhor do que PNG.
  • WebP compacta imagens com perdas melhor do que JPEG em 25-34% com o mesmo índice de similaridade estrutural (SSIM)
  • WebP suporta transparência sem perdas (conhecida como alfa) com um aumento de tamanho de apenas 22%.

Comprime imagens

Se o navegador do visitante não for compatível com Webp, o visitante receberá as imagens no formato original (png / jpeg), mas pré-compactado / otimizado.

Adaptado para telefones celulares

Se o visitante abrir o site a partir de um celular, as imagens não são apenas compactadas ou convertidas automaticamente para Webp, mas também reduzidas automaticamente em largura (para agilizar ainda mais o download das imagens na internet móvel)

Armazena em cache e acelera o carregamento

As imagens não serão convertidas, otimizadas e compactadas em tempo real sempre que houver solicitação. Todos esses procedimentos serão realizados pelo CDN uma vez para a imagem solicitada. Em segundo plano, para não atrasar a entrega das imagens ao visitante do seu site.

Como conectar o CDN OptiPic?

Opção #1: Use o plugin para o seu CMS

ou

basta inserir o url do seu site

iremos detectar automaticamente o CMS e oferecer um módulo de integração adequado

Opção #2: Conexão universal por meio de PHP (biblioteca GitHub)

Os URLs das imagens no site mudam automaticamente. Basta adicionar 1 linha ao seu .htaccess ou php.ini.

Exemplo de conexão via .htaccess

php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"

Exemplo de conexão via php.ini

; Automatically add files before PHP document.
; http://php.net/auto-prepend-file
auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php
Biblioteca no GitHub
integração gratuita a pedido

Opção #3: Conexão universal através do proxy Nginx

URLs de imagens no site não mudam. Agora, todo o tráfego de imagens segue automaticamente para o OptiPic CDN
# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    resolver 8.8.8.8; # Google DNS
    set $cdn_host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $cdn_host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $cdn_host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://$cdn_host_value;
    }
    
    # get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}
XXXXXX — ID do seu site em sua conta CDN OptiPic
É altamente recomendável que você verifique a correção da nova versão da configuração antes de reinicializar o nginx. Você pode fazer isso com o comando nginx -t.
Soft reload (re-ler as configurações) Nginx pode ser por comando nginx -s reload

Documentação do proxy Nginx
Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
Obtenha integração gratuita
mesmo com tarifa grátis

Opção #4: Conexão via .htaccess (proxy do Apache)

URLs de imagens no site não mudam. Agora, todo o tráfego de imagens segue automaticamente para o OptiPic CDN
#---------------------------------------
# OptiPic CDN 
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
    RewriteEngine On
    SSLProxyEngine On

    RewriteCond %{QUERY_STRING} !no_optipic=
    RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------
XXXXXX — ID do seu site em sua conta CDN OptiPic
Antes de modificar .htaccess, recomendamos fortemente que você faça um backup do arquivo e certifique-se de ter acesso FTP ao arquivo.
Obtenha ajuda gratuita para se conectar
Verifique se a imagem está carregando via OptiPic CDN
Obtenha integração gratuita
mesmo com tarifa grátis

Opção #5: Basta alterar a URL das imagens do seu site!

Foi
não otimizado

<img src="/upload/foo/bar/image.png">

Tornou-se
otimizado automaticamente

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — ID do seu site em sua conta CDN OptiPic

Comece agora com o pacote GRATUITO

Pagamento único — sem mensalidades

O pacote adquirido não queima no final do mês - é vantajoso adquiri-lo com vários meses de antecedência
Você paga por visualizações de imagens CDN. O custo total de uso depende da quantidade de tráfego para seu site. Em média, isso é de US $ 1,5 por 1.000.000 de visualizações de imagens.
A primeira demonstração de visualizações 100,000 é gratuita.
100,000
Visualizações

grátis

1,000,000
Visualizações

US$ 10,00 US$ 7,00

2,000,000
Visualizações

US$ 14,00 US$ 10,00

5,000,000
Visualizações

US$ 24,00 US$ 18,00

10,000,000
Visualizações

US$ 40,00 US$ 30,00

20,000,000
Visualizações

US$ 74,00 US$ 55,00

50,000,000
Visualizações

US$ 165,00 US$ 123,00

80,000,000
Visualizações

US$ 235,00 US$ 176,00

100,000,000
Visualizações

US$ 282,00 US$ 211,00

Por que nos escolher?

184 avaliações

Contacte-nos para obter uma consulta gratuita

?