Van de week kwam ik erachter dat het logo van Timdehoog.nl niet scherp werd getoond op een iPad met retina scherm. In eerste instantie de instellingen van het logo gecontroleerd. Deze stonden goed. Geen vreemde verhoudingen of zo. Verder ook geen aparte CSS klasses.
Toen ben ik op internet gaan zoeken naar een reden en oplossing voor het probleem. Het antwoord vond ik op deze pagina. De reden dat het fout gaat is dat een retina scherm een logo wil met een resolutie 2x zoveel als het originele logo. Dat logo was niet voorhanden waardoor het originele wordt gebruikt en je een onscherpe afbeelding krijgt.
Sommige thema’s bieden de optie aan om twee versies te uploaden. Een standaard en een retina. Het Phlox thema dat ik gebruik heeft deze optie niet. Als alternatieve oplossing kan je handmatig een logo voor retina uploaden. Gebruik hiervoor onderstaand stappenplan.
- Bepaal de locatie van het huidige logo
- Ga met een FTP programma naar de map waar het logo opgeslagen is
- Download het logo, in mijn geval was dat timdehoog-1.jpg
- Hernoem het logo naar timdehoog-1@2x.jpg en upload het weer
- Test de wijziging door het retina scherm te verversen