'Chrome application mode: blurry bad taskbar icon

when running chrome --app=file://path_to_local/index.html

it gives blurry zoomed taskbar icon, which is not convenient

I tried different sizes for favicon, but the problem still existing

I also tried using a launcher.desktop file with custom Icon, but it still the same.

The problem also exists on windows, but less blurry than linux.

index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title style="font-weight: bold;">My App</title>
    <link rel="shortcut icon" type="image/x-svg" href="./asset/robot.svg" sizes="all">
    <!-- <link rel="shortcut icon" href="./asset/out.ico" type="image/x-icon"> -->
    <!-- <link rel="shortcut icon" type="image/x-svg" href="./asset/output16x16.png" sizes="16x16"> -->
    <!-- <link rel="shortcut icon" type="image/x-svg" href="./asset/output32x32.png" sizes="32x32"> -->
    <!-- <link rel="shortcut icon" type="image/png" href="./asset/output64x64.png" sizes="64x64"> -->
    <!-- <link rel="shortcut icon" type="image/x-svg" href="./asset/output128x128.png" sizes="128x128"> -->
    <!-- <link rel="shortcut icon" type="image/x-svg" href="./asset/output256x256.png" sizes="256x256"> -->
</head>
<body></body>
</html>

google-chrome

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Chrome application mode: blurry bad taskbar icon

index.html:

Sources

Related Questions