Cita:
Iniciado por TibicenasDesign 
Logos en SVG
MENUS y Botones en HTML y CSS
Fotografías en PNG optimizado para web o en su defefecto JPG
Y el Background:
CSS: Si es Color sólido
SVG + CSS: Si es un patrón
PNG + CSS: Si es una fotografía
Correcto?
No, no... no.
Las fotos van en
jpg. Muuuuuuuy extremadamente en casos raros van en png.
El sistema de compresión del png no optimiza fotos de ningún tipo, incluyendo cosas como pinturas.
El sistema de compresión
png es apto, correcto, recomendado para logotipos, gráficas, patrones etc, así que lo usas para logotipos, gráficas, patrones de fondo.
En un menú PUEDES usar aparte jpg, o png si necesitas una imagen. No es excluyente. Si tu menú de navegación son animales de tu zoológico las fotos a fuerzas son un formato de imagen. Para un menú de texto no tiene sentido. Para eso sas pues texto.
El
svg es un tema aparte, se irá usando más en el futuro, pero por un tiempo NO TIENE SENTIDO para logotipos para una web normal.
El sistema svg por ser vectorial te permite hacer zoom. En una página web no necesitas hacer zoom a un logo. el svg se usa para diagramas donde necesitas que el usuario interactúe con tal imagen, pero incluso para esto tal vez conviene que descargue un archivo, digamos un pdf para imprimir en su casa.
CSS es algo que A FUERZAS tienes que utilizar, no es para poner fondos sólidos, sino para formatear TOOOODA la web. Para fondos incluso puedes hacer degradados. Tu mismo lo repetiste en tu tablita para todo.
No veas las cosas tan cuadradas. Entiende a fondo los ingredientes y luego haces tus ensaladas.