Bonjour,
Oui, en découpant tes images, tu gagneras encore quelques ko. Peu.
En les compressant plus (elles le sont déjà), elles vont encore se détériorer.
Pour la validation, je te propose ce code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> ATELIERS DINAND — Architecte de parfum depuis 1968</title>
<meta name="description" content="ATELIERS DINAND, Architecte de parfum depuis 1968">
<meta name="keywords" content="ateliers, dinand, atelier, design, designs, parfum, parfums, flacon">
<meta name="Ateliers-Dinand" content="2005, 1and1.fr">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link href="./style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./scriptbg.js"></script>
</head>
<body onload="ChangeBG()">
<br><br><br><br><br><br>
<div align=center>
<br>
<img alt="Logo ATELIERS DINAND" src="./images/logo_dinand.GIF">
<br><br><br><br><br><br><br>
<a href="fr/index.html"><img src="./images/fr.JPG" align=bottom alt="" hspace=5 border=1 height=20></a>
<a href="en/index.html"><img src="./images/en.JPG" align=bottom alt="" hspace=5 border=1 height=20></a>
<a href="jp/index.html"><img src="./images/jp.JPG" align=bottom alt="" hspace=5 border=1 height=20></a>
<br><br>
<div style="text-align:center;color:#fff;">
<noscript>This website need to have Javascript activated for you to enjoy its full functionnality.<br>
Under Internet Explorer, activate it by clicking on the yellow bar with the <img src="./images/security.jpg" alt=""><br>
and "allow restricted content…"<br><br>
Pour une navigation optimale, ce site necessite l'activation de Javascript.<br>
Avec Internet Explorer, activez-le en cliquant sur la barre jaune en haut avec le <img src="./images/security.jpg" alt=""><br>
puis "autoriser le contenu bloqué…"</noscript>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<div align=center>
<font face=Arial size=2 color="#000000"><em>ATELIERS DINAND — Architecte de parfum depuis 1968</em></font>
</div>
</div>
</body>
</html>
• Le DOCTYPE est correct.
• Les “<meta name” n'acceptent pas les espaces.
• Le onload ne peut être que dans le body (ou un frameset).
• Il est préférable de l'annoncer “<meta http-equiv="Content-Script-Type" content="text/javascript">”.
• <noscript> n'accepte pas la mise en forme. Je l'ai mis dans une <div>.
Et ai passé le texte en blanc pour qu'il soit lisible sur le fond noir (onload dans le body + pas de Javascript = pas d'image).
• Le “align=baseline” n'est pas autorisé pour les <a>.
• Une </div> a été fermée.
+ L'image du <noscript> est manquante.
