Logo and type design suffered from two main disease: anti-aliasing and document portability, even right now in our post web2.0 area. Basically embed as bitmap logo were part of the asset and so server and path dependent. Then the bitmap format made them clumsy on printed version if not said ugly due to anti-aliasing mismatch. You still can waste time designing pixel-perfect bitmap logo set but think twice before then consider the right technology to use: SVG (see below: 4,430 bytes)
But let’s remember that IE8 is not supported anymore even by microsoft and let’s come back to our world.
There are 2 ways to embed vector graphics in a HTML document: You can directly write it with the SVG tag or you can encode it as base-64 RAW data in the css style-sheet. The SVG HTML tag is straight forward. Your SVG editor is already HTML compatible. Optimisation may include cutting white space or encoding critical ascii character. Embedding logo as svg would result in a small amount of code, light and fair enough to hard coding it in portable document.