Update to hi-res logo & favicon as well as optimize all image files

graylog2-web-interface/public/stylesheets/graylog2.less

@@ -111,7 +111,7 @@ legend small {
 }
 
 .navbar-brand {
-  width: 155px;
+  padding: 12px 15px 0 15px;
 }
 
 #universalsearch {

graylog2-web-interface/src/components/navigation/NavigationBrand.jsx

@@ -1,12 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const logoUrl = require('images/toplogo.png');
+// const logoUrl = require('images/toplogo.png');
+const logoUrl = require('images/toplogo.svg');
 
 // Don't pass active prop, since `a` tag doesn't support it.
 // eslint-disable-next-line no-unused-vars
 function BrandComponent({ active, ...props }) {
-  return <a {...props}><img src={logoUrl} alt="Graylog logo" /></a>;
+  // return <a {...props}><img src={logoUrl} alt="Graylog logo" /></a>;
+  return <a {...props}><img src={logoUrl} alt="Graylog logo" width="90" /></a>;
 }
 
 BrandComponent.propTypes = {

graylog2-web-interface/templates/index.html.template

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title><%=htmlWebpackPlugin.options.title || 'Webpack App'%></title>
     <% if (htmlWebpackPlugin.files.favicon) { %>
-    <link rel="shortcut icon" href="<%=htmlWebpackPlugin.files.favicon%>">
+    <link rel="shortcut icon" type="image/png" href="<%=htmlWebpackPlugin.files.favicon%>">
     <% } %>
     <% for (var css in htmlWebpackPlugin.files.css) { %>
     <link href="<%=htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">