6

Estou criando uma página web que é praticamente só imagem, cada dia troco as imagens do página mas o nome delas continua o mesmo. O navegador está guardando muito cache e cada vez que atualizo as imagens elas não mudam visualmente se você já acessou a página no navegador.

0

2 Respostas 2

11

Solução 1 - Servindo as imagens via PHP:

Esta é uma solução para servir imagens de maneira a não ficarem no cache do navegador, setando os headers apropriados via PHP:

<?php
   header( 'Expires: Sat, 26 Jul 1997 05:00:00 GMT' );
   header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' );
   header( 'Cache-Control: no-store, no-cache, must-revalidate' );
   header( 'Pragma: no-cache' );

   header('Content-type: image/jpeg');
   readfile( 'minhaimagem.jpg' );
?>

Trocando o minhaimagem.jpg por:

   readfile( '/caminho/para/imagem'.$_GET['img'] );

Você pode usar URLs neste formato, por exemplo:

http://example.com/nocache.php/foto12.jpg

Esta é uma simplificação para ilustrar os passos básicos. Certifique-se de fazer uma verificação extra no PHP para não dar acesso a outros arquivos do servidor.


Solução 2 - Alterando SRC via PHP:

Se as imagens só precisam ser atualizadas na sua página, pode fazer os src assim:

echo '<img src="/link/para/imagem.jpg?'.date("YmdHis").'">';

Desta forma, a cada segundo a query string dos links mudará, forçando uma releitura, porém, sempre apontando para os mesmos caminhos de arquivo no servidor.

2
  • Pergunta órfã. Usuário vista 21/10/2014. Nesse caso a pergunta fica assim até a eternidade @Bacco?
    – durtto
    Commented 23/12/2015 às 16:11
  • 1
    @durtto faz parte. Nem tudo vai ter accept, mas quem pesquisar pra resolver o mesmo problema, vai achar as respostas :)
    – Largato
    Commented 23/12/2015 às 16:43
3

Eu recomendo usar o filemtime(...) com o ?, semelhante ao exemplo do @Bacco, ele retorna a última da de atualização do arquivo, assim o cache só será atualizado se houver mesmo modificações nele:

<?php
//Pasta aonde ficam as imagens
define('ABSOLUTE_PATH', '/home/user/project/');
?>

<img src="/link/para/imagem.jpg?<?php echo filemtime(ABSOLUTE_PATH . 'link/para/imagem.jpg'); ?>">

E desta maneira você ainda vai poder se beneficiar do cache.

Também existe a possibilidade de usar um mod_expires do Apache pra definir um tempo de cache, por exemplo um dia a partir da última atualização.

Primeiro crie um arquivo chamado .htaccess na pasta aonde se localizam as imagens ou na raiz e coloque este conteudo:

<IfModule mod_rewrite.c>
ExpiresByType image/gif "modification plus 1 day"
ExpiresByType image/jpeg "modification plus 1 day"
ExpiresByType image/png "modification plus 1 day"
</IfModule>

O ExpiresByType serve para definir o cache pelo mimetype do arquivo, no caso usei image/gif, image/jpeg e image/png para os tipos .gif, .jpeg e .png respectivamente. O modification indica que o cache é gerado a partir da última atualização do arquivo, como no seu caso uma vez por dia você altera os arquivos, o plus 1 day soma um dia ao modification, assim teremos o cache de um dia.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .