Mempercepatkan Loading Blog Dengan Kompres Size Gambar

<!--<head>
<link href='https://www.blogger.com/static/v1/widgets/55013136-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=899496572580851831&zx=1a4b3341-7dea-4c80-8934-ce08d3d72426' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=899496572580851831&zx=1a4b3341-7dea-4c80-8934-ce08d3d72426' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head>-->

Mempercepatkan Loading Blog Dengan Kompres Size Gambar

Kali ini saya akan kongsikan cara mempercepatkan loading gambar di blogger dengan cara memperkecilkan size gambar, Maksudnya mengecilkan kb gambar supaya loading gambar tidak terlalu berat dan seterusnya melajukan loading blogger anda.

Mempercepatkan Loading Blog Dengan Kompres Size Gambar

Ini seringkali berlaku di blogger, Sekiranya anda menggunakan banyak gambar di dalam post blog anda, ia akan melambatkan loading blog anda.

Cara mengatasinya dengan cara kompres gambar semaksimam yang boleh supaya ukuran kb gambar lebih kecil dan ringan.

Cara Kompress Gambar

Sekiranya anda membuat gambar sendirinya anda boleh kompress size gambar anda melalui software yang anda guakan, Jikalau anda menggunakan gambar orang lain ataupun hasil dari carian google anda boleh menggunakan perkhidmatan kompress gambar secara online.

Cara Kompress Gambar Online

Untuk kompress gambar secara online ada beberapa website yang menyediakan perkidmatan kompress online secara percuma, Berikut:

Cara Kompress Gambar Menggunakan Software

Kebanyakan para blogger harus tahu penggunaan PhotoShope CS supaya senang membuat dan mengubah gambar untuk kegunaan blogger ataupun logo, Di sini saya akan kongsikan cara kompress gambar menggunakan PhotoShope CS, Berikut:

Buka PhotoShope anda dan masukan gambar yang ingin anda kompress, Lihat conton berikut:

Masukan gambar yang anda ingin kompress
Tab file Dan Save For Web
Untuk format gambar silakan pilih JPEG, GIF, PNG Biasanya saya akan pilih JPGE
Untuk pilihan Kuality gambar, Pilih Medium

Setelah selesai save dan upload gambar anda ke blogger anda, Biasanya anda kan mendapatkan size gambar 20kb - 100kb bergantung pada perfix gambar anda.

Baiklah sampai di sini sahaja posting saya tentang cara mempercepatkan loading blog dengan cara kompress gambar, sekiranya ada kesilapan ataupun kekurangan silakan tinggalkan comment anda di ruangan yang di sedikan.

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1447683341-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6SQ3MCTzsr9Zlyog7ktcTHKHbSkg:1752022001763';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d899496572580851831','//trikswindow.blogspot.com/2019/05/mempercepatkan-loading-blog-dengan.html','899496572580851831');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '899496572580851831', 'title': 'ignail pro', 'url': 'https://trikswindow.blogspot.com/2019/05/mempercepatkan-loading-blog-dengan.html', 'canonicalUrl': 'https://trikswindow.blogspot.com/2019/05/mempercepatkan-loading-blog-dengan.html', 'homepageUrl': 'https://trikswindow.blogspot.com/', 'searchUrl': 'https://trikswindow.blogspot.com/search', 'canonicalHomepageUrl': 'https://trikswindow.blogspot.com/', 'blogspotFaviconUrl': 'https://trikswindow.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ignail pro - Atom\x22 href\x3d\x22https://trikswindow.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ignail pro - RSS\x22 href\x3d\x22https://trikswindow.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ignail pro - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/899496572580851831/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ignail pro - Atom\x22 href\x3d\x22https://trikswindow.blogspot.com/feeds/5062829355213949512/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/61ae4e3046c22bc5', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5062829355213949512', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatA6Db9WYZAFZypI2sTIebLRMwKrVtvwu9CzFmlpeyIX-oT6KLiDs3GNB3lFtBr_n0vqTco1ig5Lwp6fzGGsPcFnq_tJjU1QWGEBzbEKFGPzDReWyBBDCay43LGiMb1RRKDq_zUzqGzVd/s72-c/download.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatA6Db9WYZAFZypI2sTIebLRMwKrVtvwu9CzFmlpeyIX-oT6KLiDs3GNB3lFtBr_n0vqTco1ig5Lwp6fzGGsPcFnq_tJjU1QWGEBzbEKFGPzDReWyBBDCay43LGiMb1RRKDq_zUzqGzVd/s640/download.jpg', 'pageName': 'Mempercepatkan Loading Blog Dengan Kompres Size Gambar', 'pageTitle': 'ignail pro: Mempercepatkan Loading Blog Dengan Kompres Size Gambar'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Mempercepatkan Loading Blog Dengan Kompres Size Gambar', 'description': 'Kali ini saya akan kongsikan cara mempercepatkan loading gambar di blogger  dengan cara memperkecilkan size gambar, Maksudnya mengecilkan kb...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjatA6Db9WYZAFZypI2sTIebLRMwKrVtvwu9CzFmlpeyIX-oT6KLiDs3GNB3lFtBr_n0vqTco1ig5Lwp6fzGGsPcFnq_tJjU1QWGEBzbEKFGPzDReWyBBDCay43LGiMb1RRKDq_zUzqGzVd/s640/download.jpg', 'url': 'https://trikswindow.blogspot.com/2019/05/mempercepatkan-loading-blog-dengan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5062829355213949512}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'Header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'Header', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'Header', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'Header', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'Header', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'Header', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'Destacados', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Blog', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1686512322-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'Sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch10', 'Sidebar', document.getElementById('BlogSearch10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'Sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'Sidebar', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'footer-social', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList20', 'footer-links', document.getElementById('LinkList20'), {}, 'displayModeFull'));
</script>
</body>-->