¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero para que sean alineadas se añadería un Flexbox. sería así:

    <div class= "container">
     <div class="logo">
          <img src="Imagenes/logo.png" alt="icono"; title="GastroBlog";/>
        </div>
        <div class="nombre" >
          <img src="Imagenes/nombre.png" alt="name"; title="GastroBlog";/>
        </div>
    </div>


       .container {
          width: 100%;
          height: 250px; (este es un ejemplo)
          display:flex;
        }

Yo te aconsejaría usar flexbox para mejor acomodo, pero las cajas de nombre y logo tienen que tener el mismo tamaño. 

    .logo, .nombre {
    width: 250px; 
    heigth: 250px; 
    }

Para que las imagenes no queden tan estrechas ni pixeleadas, te recomiendo usar este código en css

    .logo, .nombre img{
    width: 100%;
    heigth; 100%;
    
    }

solamente con tu margin juega que tan pegadas quieres ambas imágenes, pero estoy segura que con lo que te acabo de escribir te va a quedar centrado. No es recomendado agregar un tamaño directo a la imagen. Muchos saludos