1Mojolicious::Plugin::AsUsseetrPaCcokn:tM:roPijibopuleti:ec:diFoaPuvesir:cl:oPnDl(ou3cg)uimne:n:tAastsieotnPack::Pipe::Favicon(3)
2
3
4
6 Mojolicious::Plugin::AssetPack::Pipe::Favicon - Generate favicons
7
9 Application
10 plugin AssetPack => {pipes => ["Favicon"]};
11 app->asset->pipe("Favicon")->api_key("fd27cc5654345678765434567876545678765556");
12 app->asset->process("favicon.ico" => "images/favicon.png");
13
14 # Can also register variations of the favicon:
15 app->asset->process("favicon.variant1.ico" => "images/favicon1.png");
16 app->asset->process("favicon.variant2.ico" => "images/favicon2.png");
17
18 Note that the topic must be either "favicon.ico" or
19 "favicon.some_identifier.ico".
20
21 The input image file should be a 260x260 PNG file for optimal results.
22
23 Template
24 %= asset "favicon.ico"
25
26 The above template will expand to whatever HTML that
27 <http://realfavicongenerator.net> has generated, based on "design".
28 Example:
29
30 <link rel="icon" type="image/png" href="/asset/52eaz7613a/favicon-16x16.png" sizes="16x16">
31 <link rel="icon" type="image/png" href="/asset/65428718f1/favicon-32x32.png" sizes="32x32">
32 <link rel="apple-touch-icon" sizes="114x114" href="/asset/9aab8718f1/apple-touch-icon-114x114.png">
33 <link rel="apple-touch-icon" sizes="152x152" href="/asset/feee661542/apple-touch-icon-152x152.png">
34 <meta name="msapplication-square310x310logo" content="/asset/123ab718f1/largelogo.png">
35 <meta name="msapplication-wide310x150logo" content="/asset/a827bfddf0/widelogo.png">
36
37 By default this pipe will only create desktop icons. Configure "design"
38 for more icons.
39
41 Mojolicious::Plugin::AssetPack::Pipe::Favicon uses
42 <http://realfavicongenerator.net> to generate all the different
43 favicons that is required for your site.
44
45 This pipe is EXPERIMENTAL. Let me know if you are using it.
46
48 api_key
49 $self = $self->api_key($key);
50 $str = $self->api_key;
51
52 An API key obtained from <http://realfavicongenerator.net/api/>.
53
54 design
55 $hash = $self->design;
56 $self = $self->design({desktop_browser => {}, ios => {}, windows => {}});
57
58 Can be used to customize the different designs. Look for
59 "favicon_design" on
60 <http://realfavicongenerator.net/api/non_interactive_api> for details.
61
62 settings
63 $hash = $self->settings;
64 $self = $self->settings({compression => 3});
65
66 Can be used to customize the different settings. Look for "settings" on
67 <http://realfavicongenerator.net/api/non_interactive_api> for details.
68
70 process
71 See "process" in Mojolicious::Plugin::AssetPack::Pipe.
72
74 <http://realfavicongenerator.net>.
75
76 <https://css-tricks.com/favicon-quiz/>.
77
78 Mojolicious::Plugin::AssetPack.
79
80
81
82perl v5.32.0 Mojo2l0i2c0i-o1u0s-:0:4Plugin::AssetPack::Pipe::Favicon(3)