')}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf-8,')}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.App{display:flex;flex-direction:column}.App>.pageContent{flex:1 1;overflow:auto;padding-top:10px}.navbar-nav{flex-direction:row}.navbar-nav>*{padding-left:10px}.container{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}@media only screen and (min-width:768px){.container{display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.container.dir-column{flex-direction:column}}.eu-cookie-notification-dialog{position:fixed;left:20px;bottom:-300px;padding:15px;width:310px;z-index:10000;font-size:12px;border-radius:4px;box-sizing:border-box;color:#555;background-color:#f4f6f8}.eu-cookie-notification-dialog .notification-title{font-size:14px;font-weight:700}.eu-cookie-notification-dialog .notification-content{padding:12px 0;line-height:1.4;display:inline-block}.eu-cookie-notification-dialog .link-text{margin:0 5px;color:#555;text-decoration:underline}.eu-cookie-notification-dialog .link-text:hover{color:#555}.eu-cookie-notification-dialog .notification-footer{display:flex;align-items:center}.eu-cookie-notification-dialog .common-button{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;margin-right:10px;border-radius:4px;text-align:center;letter-spacing:normal;background-color:#4b5056}.eu-cookie-notification-dialog .setting-btn{color:#4b5056;background-color:#fff;border:1px solid #4b5056}.eu-cookie-notification-dialog .cancel-link{cursor:pointer}.eu-cookie-setting-dialog{width:100%;position:fixed;top:50%;left:50%;display:none;padding:20px;z-index:10000;max-width:500px;border-radius:5px;box-sizing:border-box;color:#555;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f4f6f8;-webkit-animation:slide_in_animation .3s ease-in-out;animation:slide_in_animation .3s ease-in-out}.eu-cookie-setting-dialog .setting-title{font-size:14px;font-weight:700}.eu-cookie-setting-dialog .setting-item{display:flex;margin-top:20px;align-items:flex-start}.eu-cookie-setting-dialog .item-content{font-size:12px;margin:0 8px}.eu-cookie-setting-dialog .cookie-checkbox{cursor:pointer}.eu-cookie-setting-dialog .cookie-checkbox.necessary{cursor:not-allowed}.eu-cookie-setting-dialog .item-label{line-height:1;font-weight:700}.eu-cookie-setting-dialog .item-text{margin-top:5px;line-height:1.5}.eu-cookie-setting-dialog .setting-footer{margin-top:20px;text-align:right}.eu-cookie-setting-dialog .save-btn{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:4px;display:inline-block;letter-spacing:normal;background:#4b5056}.eu-cookie-setting-mask{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:10000;cursor:pointer;background:rgba(0,0,0,.4);-webkit-animation:slide_in_animation .2s ease-in-out;animation:slide_in_animation .2s ease-in-out}@-webkit-keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}@keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}.rtl-layout .eu-cookie-notification-dialog{right:20px;left:auto;text-align:right}.rtl-layout .eu-cookie-notification-dialog .common-button{margin-right:0;margin-left:10px}.rtl-layout .eu-cookie-setting-dialog-wrapper{text-align:right}.rtl-layout .eu-cookie-setting-dialog-wrapper .setting-footer{text-align:left}@media only screen and (max-width:520px){.eu-cookie-notification-dialog{width:100%;left:0}.rtl-layout .eu-cookie-notification-dialog{left:auto;right:0}}
如何確定logo尺寸? - 建立你的網站 - Strikingly企業視覺形象的建構很大一部分依賴於企業logo。logo是品牌的象征,它將受眾的注意力吸引到你的服務上。因此,找到適合你服務的logo是你行銷策略中的重要一步。建立logo需要做很多工作 - 其中之一是確定要使用的最佳logo大小。在本文中,我們將討論不同的logo尺寸,從而幫助你在你的網站和其他線上平台放置大小合適的logo。
文章綱要:
- logo尺寸基礎知識
- 常用的不同logo尺寸
- 小結
logo尺寸基礎知識
雖然logo設計至關重要,但請注意,如果不是最佳logo尺寸,它的影響會很有限。雖然有業界通用的標準logo尺寸,但它通常會根據你準備放置的位置而進行調整。設計logo時請記住,最好設計一個可自適應的logo。同樣重要的是要注意,你的logo本身不必總是完整的,只要夠用就好。
在我們詳細了解最佳logo尺寸是多少之前,以下是你應該了解的一些有關logo和logo尺寸的資訊:
- logo通常以像素為單位。像素越多,可以顯示的細節越多,logo品質就越好。PNG格式通常能夠展示最佳的不同尺寸logo,因為它們是以像素為計量單位。PNG文件也能更有效地在線上使用,因為它們很小。
- SVG logo是必備的。SVG文件是一種可以無限縮放的文件。也就是說,它幾乎可以縮放到任何尺寸大小。SVG logo是一種矢量logo,因此它不以像素為單位。你可以將SVG logo作為你的主文件,主要優點是你可以修改logo的大小並列印最適合的logo尺寸。
- 你需要擁有不同版本的logo。雖然建立logo的不同版本是一項艱巨的任務,但擁有水平、方形、垂直和圓形等各種形狀的logo將幫助你更好地將其調整為最佳logo尺寸並以最佳方式顯示。此外,這也適用於建立不同的顏色和背景。事實證明,擁有黑白和透明logo在許多情況下都很有用。這將使你可以靈活地在任何時候放置你的logo,並以你打算的任何方式使用它。
- 沒有一個logo尺寸會適合所有場景。也就是說,必須提醒你,對於當今的所有不同平台(包括線上和線下平台),你不能期望只用一款最佳尺寸logo通通搞定。有一個文檔或列表來概述每個平台的最佳logo大小是很有幫助的。
以上資訊旨在幫助你了解如何準備logo,現在,讓我們進入本文的主要內容。在下一節中,我們將討論常用的不同logo尺寸。雖然大多數人認為存在標準logo大小,但你也要記住,對於任何服務活動來說最佳的logo尺寸,你都擁有最終的決定權。
常用的不同logo尺寸
1. 網站圖示
圖片取自Strikingly產品
網站圖示通常是最小尺寸的logo。因為這是一個特殊的標誌,它會顯示在你網站的地址欄中 - 就在你的網站地址或名稱之前。它沒有文字,也沒有太多的設計,最常見的是以16x16像素的logo大小發布。但是,你也可以使用其他logo尺寸建立它們:32x32 像素或 48x48 像素。理想情況下,你的網站圖示可以真正代表你的品牌,即使沒有很多的細節。你可以觀察一下Strikingly的網站圖示是如何使用 Strikingly的網站顏色和 Strikingly 品牌排版中相同的「S」來設計的。
2. 社群媒體平台
圖片取自Strikingly用戶網站
你可以最大限度地利用許多社群媒體平台。你甚至可以在你的 Strikingly 網站上添加社群媒體提要,以擴大你和用戶的聯繫以及影響力。無論你是將logo用作個人資料圖、縮略圖還是封面照片,都可以使用適當的logo大小。作為一個額外的提示,我們鼓勵你在每個社群媒體貼文裡加上你的品牌小logo——這種做法對行銷很有幫助,但目前沒有得到太多關注。最後,以下是你在使用這些網站時應考慮的一些logo尺寸:
- Instagram個人資料照片 - 110x110px
- Ins貼文上的logo - 30x30px
- Facebook 個人資料照片 - 200x200px
- Facebook封面照片 - 820x312px
- Facebook貼文上的logo - 50x50px
- Twitter個人資料照片 - 400x400px
- Twitter 封面照片 - 1500x1500px
- Twitter貼文上的logo - 50x50px
- Youtube個人資料照片 - 800x800px
- Youtube 縮略圖 - 1280x720px
- LinkedIn 個人資料照片 - 160x60px
- LinkedIn 封面照片 - 1128x191px
- Pinterest個人資料照片 - 800x450px
3. 網站橫幅
對於某些企業來說,他們認為最好將其logo作為企業網站的歡迎標誌。這意味著對他們來說,最好的logo尺寸就是最大的尺寸。如果透過網站構建器Strikingly架設網站,那麼企業圖示必須至少為 1400 像素,以便以最高品質生成logo。看看下面的 Strikingly用戶案例網站。這是將logo用作其網站橫幅的一個很好的範例。當你使用 Strikingly 建立網站時,這是你放置logo的最佳方式之一。請確保遵循必要的標準logo尺寸,以免出現低品質的圖像橫幅。
圖片取自Strikingly用戶網站
4. 網站標題
除了網站橫幅的位置之外,Strikingly 還為你提供了更多放置logo的選項。根據你選擇的模板或你在網站上所做的修改,你可以在標題的三個不同位置放置logo。通常,你應該放在網站標題上的logo大小至少為 700像素。這一切都取決於你想要它有多大。Strikingly的模板通常會相應地調整logo大小。因此,你所要做的就是決定哪種logo尺寸最適合你想要放置的位置。
圖片取自Strikingly用戶網站
第一個位置位於網站標題的中間。此logo尺寸為中等尺寸。像這樣的logo大小可能是 480 像素。 Strikingly還允許你在菜單後面的中間部分添加一個縮小版的logo。這個logo最好至少有 100 像素。當你的網站訪問者滾動瀏覽網站時,它將持續被看到。
圖片取自Strikingly用戶網站
其次,logo的下一個最佳位置是在網站標題的左側。如果你有一個更水平定位的logo,這通常是最好的,如上面的這個 Strikingly 用戶網站所示。這些類型的最佳logo尺寸仍然與上面提到的相似。如果你的logo看起來不好看,請注意不要強迫你的logo處於此位置。
圖片取自Strikingly用戶網站
如果你希望你的logo是在網站的左側頂部並作為網站的一部分,那麼你可以使用這個模板。這種logo尺寸的寬度至少為 360 像素。使用此模板,當你的網站訪問者滾動瀏覽你的網站時,此側邊欄與標題會保持原樣。因此,最好的logo尺寸是可見的、令人難忘的但又不會太強勢的。
以下是你應該注意的其他一些logo尺寸:
大logo尺寸:
235x64 像素
250x150 像素
391x56 像素
350x75 像素
400x100 像素
1280x720 像素
1024x1024 像素
中號logo尺寸:
109x64 像素
120x61.8 像素
160x160 像素
190x60 像素
300x75 像素
1000x200 像素
小logo尺寸
40x40 像素
76x76 像素
80x24 像素
要使用的最佳logo大小因企業而異。請記住,雖然從其他網站和成功品牌中尋找靈感是完全正常且有幫助的,但歸根結底,應該由你來決定哪種logo尺寸最適合你、你的企業和你的網站。確保你的logo可以被看到並且是高品質的。除了這個之外,盡可能多地在任何地方包含和插入你的logo是有幫助的,但不要過度使用。當客戶看到太多東西時,他們往往會感到疲倦和煩躁。因此,你必須非常機智地決定如何在網站上調整logo的大小和位置。立即注冊Strikingly,讓我們來幫助你設計你的網站,並將你的logo調整為最佳logo大小。
如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。
Cookie的使用
我們使用cookie來改善瀏覽體驗、保證安全性和資料收集。一旦點擊接受,就表示你接受這些用於廣告和分析的cookie。你可以隨時更改你的cookie設定。了解更多