[Odoo CMS]-Depending on the resolution of the client device, the background images must be served in an...











up vote
-1
down vote

favorite












I am trying to do some research on how should i proceed with this. Depending on the resolution of the client device, the background images must be served in an optimal size.



*I was checking about the "srcset" but i got to know that srcset does not work with css background images.
image-set css notation is in css 4 draft but not widely supported: https://caniuse.com/#search=image-set



Any suggestion how should i proceed with it?










share|improve this question






















  • This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
    – Piotr Cierkosz
    Nov 21 at 9:11












  • It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
    – Axel Mendoza
    Nov 21 at 18:02










  • Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
    – Axel Mendoza
    Nov 21 at 18:06










  • @AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
    – Gulshankumar
    Nov 22 at 14:21










  • @PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
    – Gulshankumar
    Nov 22 at 14:24















up vote
-1
down vote

favorite












I am trying to do some research on how should i proceed with this. Depending on the resolution of the client device, the background images must be served in an optimal size.



*I was checking about the "srcset" but i got to know that srcset does not work with css background images.
image-set css notation is in css 4 draft but not widely supported: https://caniuse.com/#search=image-set



Any suggestion how should i proceed with it?










share|improve this question






















  • This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
    – Piotr Cierkosz
    Nov 21 at 9:11












  • It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
    – Axel Mendoza
    Nov 21 at 18:02










  • Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
    – Axel Mendoza
    Nov 21 at 18:06










  • @AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
    – Gulshankumar
    Nov 22 at 14:21










  • @PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
    – Gulshankumar
    Nov 22 at 14:24













up vote
-1
down vote

favorite









up vote
-1
down vote

favorite











I am trying to do some research on how should i proceed with this. Depending on the resolution of the client device, the background images must be served in an optimal size.



*I was checking about the "srcset" but i got to know that srcset does not work with css background images.
image-set css notation is in css 4 draft but not widely supported: https://caniuse.com/#search=image-set



Any suggestion how should i proceed with it?










share|improve this question













I am trying to do some research on how should i proceed with this. Depending on the resolution of the client device, the background images must be served in an optimal size.



*I was checking about the "srcset" but i got to know that srcset does not work with css background images.
image-set css notation is in css 4 draft but not widely supported: https://caniuse.com/#search=image-set



Any suggestion how should i proceed with it?







javascript python jquery css odoo-11






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 21 at 8:36









Gulshankumar

61




61












  • This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
    – Piotr Cierkosz
    Nov 21 at 9:11












  • It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
    – Axel Mendoza
    Nov 21 at 18:02










  • Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
    – Axel Mendoza
    Nov 21 at 18:06










  • @AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
    – Gulshankumar
    Nov 22 at 14:21










  • @PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
    – Gulshankumar
    Nov 22 at 14:24


















  • This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
    – Piotr Cierkosz
    Nov 21 at 9:11












  • It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
    – Axel Mendoza
    Nov 21 at 18:02










  • Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
    – Axel Mendoza
    Nov 21 at 18:06










  • @AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
    – Gulshankumar
    Nov 22 at 14:21










  • @PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
    – Gulshankumar
    Nov 22 at 14:24
















This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
– Piotr Cierkosz
Nov 21 at 9:11






This module might be of your use: apps.odoo.com/apps/modules/11.0/website_adv_image_optimization For functional questions about Odoo please visit: odoo.com/forum/help-1 If you found an system issue report it on GitHub: github.com/odoo/odoo/issues
– Piotr Cierkosz
Nov 21 at 9:11














It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
– Axel Mendoza
Nov 21 at 18:02




It's an interesting topic the one you are bringing here. What is the way you are seeing or using in order to take an image of a custom size and serve it with the optimal size depending on the resolution of the client device?
– Axel Mendoza
Nov 21 at 18:02












Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
– Axel Mendoza
Nov 21 at 18:06




Recently I have researched into this a little bit and I was able to deliver image optimizations from ir.attachment and module static folder very optimized but it will be a plus to be able to dynamically determine the optimized size of the image based on the client device resolution to be able to deliver it using the exact size that it will be displayed... for me that will be the ultimate performance for image optimization
– Axel Mendoza
Nov 21 at 18:06












@AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
– Gulshankumar
Nov 22 at 14:21




@AxelMendoza : I ma new to odoo platform. I had to do a task where as in depending on the size of the customer device, the image should be optimized in the best way. By doing this, the main reason is to avoid the customer to have a bad image or blurred image when customer do not have the standard screensize.
– Gulshankumar
Nov 22 at 14:21












@PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
– Gulshankumar
Nov 22 at 14:24




@PiotrCierkosz thanks Piotr. What is this about apps.odoo.com/apps/modules/11.0/website_adv_image_optimization ? Do i have to specifically edit the images. I am not understanding this part. I did try the steps given in the link. But only one image i was able to change the jpeg compression. Other images didnt have that option. Can you help me with this more please?
– Gulshankumar
Nov 22 at 14:24

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53408058%2fodoo-cms-depending-on-the-resolution-of-the-client-device-the-background-imag%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53408058%2fodoo-cms-depending-on-the-resolution-of-the-client-device-the-background-imag%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Basket-ball féminin

Different font size/position of beamer's navigation symbols template's content depending on regular/plain...

I want to find a topological embedding $f : X rightarrow Y$ and $g: Y rightarrow X$, yet $X$ is not...